全日历 - "Please import the top-level fullcalendar lib before attempting to import a plugin"

Question

所以我有这个错误：

Uncaught Error: Please import the top-level fullcalendar lib before attempting to import a plugin.

问题是在导入主全日历之前加载了插件。但我的进口商品订购正确。

import {Calendar} from '@fullcalendar/core';
import dayGridPlugin from '@fullcalendar/daygrid';
import interactionPlugin from '@fullcalendar/interaction';
import googleCalendarPlugin from '@fullcalendar/google-calendar';

.

const calendar = new Calendar(calendarEl, {
        plugins: [interactionPlugin, dayGridPlugin, googleCalendarPlugin],

我在网上寻找解决方案，但都表示进口订单不正确（问问题代码的人也可以看到）。但我确定我的是正确的

Answer 1

您的 @fullcalendar/google-calendar 和 @fullcalendar/core 不兼容。确保主要版本相同：

https://codesandbox.io/s/silly-euler-ginty?file=/package.json

全日历 - "Please import the top-level fullcalendar lib before attempting to import a plugin"

fullcalendar - "Please import the top-level fullcalendar lib before attempting to import a plugin"

javascript

google-calendar-api

fullcalendar