Angularで「Cannot find module ‘@fullcalendar/resource-common’ or its corresponding type declarations.」
今回はAngular+fullcalendarを使用しているときに下記のエラーが起きたときの対処法についてご紹介いたします。
|
1 2 3 |
Error: src/app/test.ts:2:29 - error TS2307: Cannot find module '@fullcalendar/resource-common' or its corresponding type declarations. 2 import { ResourceApi } from "@fullcalendar/resource-common"; |
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を使用しているときに冒頭のエラーが起きたときの対処法についてご紹介いたしました。