带有 primeng Fullcalendar 的 angular9 抛出错误：找不到命名空间 'FullCalendarVDom'。和'Please import the top-level

Question

我在我的angular应用程序中使用priming 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'
}

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

我错过了什么？

Answer 1

开始使用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

Answer 2

我的primeNG v12+Angular v12设置也遇到了同样的问题。做了一点研究，最终成功地用FullCalendar 5.8版构建了它。

简而言之；我已经更改了html模板中FullCalendar的声明，以使用@FullCalendar/angular包，如本期所述#10451：https://github.com/primefaces/primeng/commit/96fc1ced182a78eef87781018a65d1e1cfb51307

步骤如下：

• 已安装@fullcalendar/angular软件包
• 更改了此

<p-fullCalendar [options]="options"></p-fullCalendar>

到此

<full-calendar [options]="options"></full-calendar>

• 最后在app.module.ts文件中进行了适当的更改，使新添加的html标记生效

import {FullCalendarModule} from '@fullcalendar/angular';
@NgModule({
...
imports: [FullCalendarModule]
...
})