带有primeng fullcalendar的angular9引发错误：找不到名称空间'FullCalendarVDom'和“请导入顶级全日历库”

编程问答 2022-08-13

问题描述

我在我的角度应用程序中使用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;

在c'tor中：

 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'
   }

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

我错过了什么？

解决方法

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

npm i @fullcalendar/[email protected]
npm i @fullcalendar/[email protected]
npm i @fullcalendar/[email protected]
npm i @fullcalendar/[email protected]
angularfullcalendarprimengtypescripttypescript