Angularで「Warning: ▲ [WARNING] Expected identifier but found “*” [css-syntax-error]」

今回はAngularでng sでサーバーを起動した際に下記のウォーニングが出るときの対処法についてご紹介していきます。

Angularのバージョンは14.2.12で、Node.jsのバージョンは14.21.3です。
Dockerを使った仮想環境上で動かしております。



Angularで「Warning: ▲ [WARNING] Expected identifier but found “*" [css-syntax-error]」

結論から言うとangular.jsonのconfigurationsの対象の環境に下記のoptimization: falseを追加するとwarningが出なくなります。

optimizationという項目は、ビルドプロセス中に最適化を適用するかどうかを制御する項目だそうです。
optimizationをfalseに設定すると、最適化(ミニフィケーションやツリーシェーキングなど)が無効になり、ビルドプロセスは速くなりますが、出力ファイルは大きくなります。

この設定でも良いという方はoptimizationをfalseにすることでひとまずwarningが出なくなるでしょう。

終わりに

今回はAngularでng sでサーバーを起動した際に冒頭のウォーニングが出るときの対処法についてご紹介いたしました。

最後までお読みいただきありがとうございます。
よろしければブログやTwitterでのシェアをお願いしております。
コメントもお待ちしております。
誤植や勘違いなどございましたらコメント欄にて教えていただけると幸いです。

Youtubeチャンネル開設いたしました。
チャンネル登録者1000人を目指しているので、良いと思った方はチャンネル登録をお願いしたいです。
https://www.youtube.com/channel/UC219XhmSRxmXltTy6COxSMw






Angular

Posted by ちこ