Angularで「 ‘noEventsContent’ does not exist in type ‘CalendarOptions’. Did you mean to write ‘eventContent’?」
今回はAngularのバージョンアップ時に下記のようなエラーが起きたときの対処法についてご紹介いたします。
|
1 2 3 4 5 |
Error: src/app/test.component.ts:26:9 - error TS2322: Type '{ initialView: string; headerToolbar: false; height: string; locale: string; noEventsContent: string; navLinks: true; events: undefined[]; eventClick: (arg: EventClickArg) => void; navLinkDayClick: (date: Date) => void; }' is not assignable to type 'CalendarOptions'. Object literal may only specify known properties, but 'noEventsContent' does not exist in type 'CalendarOptions'. Did you mean to write 'eventContent'? 26 noEventsContent: '表示する項目がありません', ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ |
Angularのバージョンは17.3.7で、fullcalendarのバージョンは6.1.14です。
Angularで「 'noEventsContent’ does not exist in type 'CalendarOptions’. Did you mean to write 'eventContent’?」
Angularのバージョンアップで14.2.13から17.3.7に、fullcalendarのバージョンアップで5.11.3から6.1.14に上げたときにこのエラーが起きました。
結論から言うと、あまり良くない直し方かもしれませんがCalendarOptionsに定義している「noEventsContent」を「noEventsText」に直すとうまくいきました。
アプリケーションの表示上では何も変わっていないように見えます。
ちなみにCalendarOptionsのインポートは
import { CalendarOptions } from '@fullcalendar/core';
としております。
暫定対応としてお試しください。
終わりに
今回はAngularのバージョンアップ時に冒頭のようなエラーが起きたときの対処法についてご紹介いたしました。