Angularで「./node_modules/@fullcalendar/common/main.css:4:0 – Error: Module parse failed: Unexpected token」

今回はAngularでfullcalendarを使用しているときに下記のエラーが起きたときの対処法についてご紹介いたします。

Angularのバージョンは14.2.12です。



Angularで「./node_modules/@fullcalendar/common/main.css:4:0 – Error: Module parse failed: Unexpected token」

結論から言うと、angular.jsonに次の記述を足しましょう。

"node_modules/@fullcalendar/common/main.css",
"node_modules/@fullcalendar/daygrid/main.css",
"node_modules/@fullcalendar/list/main.css",
"node_modules/@fullcalendar/resource-timeline/main.css",
"node_modules/@fullcalendar/timegrid/main.css",
"node_modules/@fullcalendar/timeline/main.css"

angular.jsonは次のようになると思います。

これで表題のエラーは出なくなります。

終わりに

今回はAngularでfullcalendarを使用しているときに冒頭のエラーが起きたときの対処法についてご紹介いたしました。

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

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






Angular

Posted by ちこ