Angularでng s時に「Warning: Unable to locate stylesheet: /usr/local/test/assets/css/datatables.min.css」

今回はAngularを使っていてng sでサーバーを起動したときに下記のwarningが起きたときの対処法についてご紹介していきます。

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



Angularでng s時に「Warning: Unable to locate stylesheet: /usr/local/test/assets/css/datatables.min.css」

結論から言うとangular.jsonのconfigurationsの対象の環境に下記のoptimization: falseを追加したらウォーニングが出なくなりました。

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

これで良いと言う方はひとまずwarningが出なくなるのでこの設定にしても良いと思います。

終わりに

今回はAngularを使っていてng sでサーバーを起動したときに冒頭のwarningが起きたときの対処法についてご紹介いたしました。

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

直接契約ができるフリーランスエージェント「エンハンス」を立ち上げました。
詳しくは下記LPをご参照ください。
https://enhance.decryption.co.jp/

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






Angular

Posted by ちこ