fullcalendar - “请在尝试导入插件之前导入顶级的 fullcalendar 库”

Question

所以我有这个错误：

未捕获的错误：请在尝试导入插件之前导入顶级 fullcalendar 库。

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

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