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

Question

所以我有这个错误：

未捕获错误：请在尝试导入插件之前导入顶级完整日历库。

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

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