首頁猿問在嘗試導入插件角度之前出錯...

在嘗試導入插件角度之前出錯 fullcalendar lib

JavaScript

30秒到達戰場 2023-02-24 15:23:47

我有這個錯誤：Error: Please import the top-level fullcalendar lib before attempting to import a plugin.當我將 resourceTimeGridPlugin 添加到插件時。我的代碼：import dayGridPlugin from '@fullcalendar/daygrid';import interactionPlugin, { Draggable } from '@fullcalendar/interaction';import { FullCalendarComponent } from '@fullcalendar/angular';import timeGridPlugin from '@fullcalendar/timegrid';import resourceTimeGridPlugin from '@fullcalendar/resource-timegrid';

查看完整描述

2 回答

慕村9548890

TA貢獻1884條經驗獲得超4個贊

您必須在組件中包含 Calendar Core 對象：

import { Calendar } from '@fullcalendar/core';

在您的構造函數中，您必須添加以下內容：

constructor() {

const name = Calendar.name;

}

完整示例：

import { Component } from '@angular/core';

import { Calendar } from '@fullcalendar/core';

import dayGridPlugin from '@fullcalendar/daygrid';

@Component({

selector: 'app-root',

templateUrl: './app.component.html',

styleUrls: ['./app.component.scss']

})

export class AppComponent {

calendarOptions = {

plugins: [dayGridPlugin],

initialView: 'dayGridMonth'

};

constructor() {

const name = Calendar.name;

}

這會在插件需要之前強制加載/初始化核心組件和 VDom 引用。

反對回復 2023-02-24

瀟湘沐

TA貢獻1816條經驗獲得超6個贊

這就是我在我的項目中為解決這個問題所做的。

在我的模塊中按此順序導入并注冊我的插件。

import { FullCalendarModule } from "@fullcalendar/angular";

import dayGridPlugin from '@fullcalendar/daygrid';

import interactionPlugin from '@fullcalendar/interaction';

import listPlugin from '@fullcalendar/list';

import momentPlugin from '@fullcalendar/moment';

import rrulePlugin from '@fullcalendar/rrule';

import timeGridPlugin from '@fullcalendar/timegrid';

FullCalendarModule.registerPlugins([

dayGridPlugin,

interactionPlugin,

listPlugin,

momentPlugin,

rrulePlugin,

timeGridPlugin

]);

在組件中，我在準備 calendarOptions 之前在構造函數中使用它

forwardRef(() =>Calendar);

反對回復 2023-02-24

2 回答
0 關注
521 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

在嘗試導入插件角度之前出錯 fullcalendar lib

在嘗試導入插件角度之前出錯 fullcalendar lib

2 回答

添加回答