带有 primeng fullcalendar 的 angular9 抛出错误 : Cannot find namespace 'FullCalendarVDom' . 和 'Please import the top-level fullcalendar lib'

Question

我在我的 Angular 应用程序中使用 primeng p-fullcalendar。

我在命令行中收到此错误:'找不到命名空间 'FullCalendarVDom'

在浏览器中:“请在尝试导入插件之前导入顶级全日历库。”

我的代码:

import { FullCalendar } from 'primeng/fullcalendar';
import { Calendar } from '@fullcalendar/core';
import dayGridPlugin from '@fullcalendar/daygrid';
import timeGridPlugin from '@fullcalendar/timegrid';
import interactionPlugin from '@fullcalendar/interaction';

@ViewChild('calendar', { static: true }) private calendar: FullCalendar;

在客户中:

 this.events = [{
   "title": "Conference",
   "start": "2016-01-11",
   "end": "2016-01-13"
 }];
 this.options = {
   plugins: [dayGridPlugin, timeGridPlugin, interactionPlugin],
   defaultDate: '2017-02-01',
   header: {
     left: 'prev,next',
     center: 'title',
     right: 'month,agendaWeek,agendaDay'
   }

我根据预览答案添加了这些导入，但没有帮助。

我错过了什么？

Answer 1

Primeng 使用 FullCalendar 4.1，而不是安装最新版本的 FullCalendar 尝试安装 v4.1。

npm i @fullcalendar/core@4.1.0
npm i @fullcalendar/interaction@4.1.0
npm i @fullcalendar/daygrid@4.1.0
npm i @fullcalendar/timegrid@4.1.0