Angularで「Cannot find module ‘@fullcalendar/resource-common’ or its corresponding type declarations.」

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

Angularのバージョンは17.3.11で、fullcalendarのバージョンは6.1.14です。



Angularで「Cannot find module '@fullcalendar/resource-common’ or its corresponding type declarations.」

fullcalendarのバージョンを5.11.3から6.1.14に上げたときにこのエラーが起きました。

結論を言うと、公式のfullcalendarのバージョン5から6へのバージョンアップガイドに書いてある通り、まずpackage.jsonの@fullcalendar/resource-commonを@fullcalendar/resourceに変更し、@fullcalendar/resource-commonの代わりに@fullcalendar/resourceをインポートするようにしましょう。
https://fullcalendar.io/docs/upgrading-from-v5

・package.json
“@fullcalendar/resource-common": “5.11.3",

“@fullcalendar/resource": “6.1.14",

・該当のソースコード
import { ResourceApi } from "@fullcalendar/resource-common";

import { ResourceApi } from “@fullcalendar/resource";

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

終わりに

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

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

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

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






Angular

Posted by ちこ