ES6构建系统的FullCalendar：“初始视图”和“ headerToolbar”被忽略

Question

我正在将基于脚本标签的FullCalendar设置移动到ES6构建系统One，并面临无法修复的怪异错误。

因此，我在main-calendar.js文件中将FullCalendar类和插件导入：

import { Calendar } from '@fullcalendar/core';
import listPlugin from "@fullcalendar/list"
import dayGridPlugin from "@fullcalendar/daygrid"
import timeGridPlugin from "@fullcalendar/timegrid"

然后，在同一文件中，我创建我的calendar object类似于此

    var calendar = new Calendar(calendarEl, {

        plugins: [listPlugin, dayGridPlugin, timeGridPlugin],

        initialView: "list",

        headerToolbar: {
            left: 'prev,next today',
            center: 'title',
            right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
        }

    })

：渲染但：

• headerToolbar始终忽略。我可以将任何值添加到左，中心和右中，将永远是左和今天的日期，右
• initialview也总是忽略了
• 我唯一可以更改的内容是通过在plugins中更改插件的顺序 property Array中的初始视图。我可以在timegridplugin和dayGridplugin之间切换，它将更改初始视图。 ListPlugin但是，如果将首先放在数组中，则不会更改任何内容。

这是一个使用WebPack/Laravel Mix的Laravel网站。我的webpack配置：

mix.js('resources/js/Calendar/main-calendar.js', 'public/js')
mix.postCss('node_modules/@fullcalendar/core/main.css', 'public/css/fullcalendar/core.css')
    .postCss('node_modules/@fullcalendar/daygrid/main.css', 'public/css/fullcalendar/daygrid.css')
    .postCss('node_modules/@fullcalendar/timegrid/main.css', 'public/css/fullcalendar/timegrid.css')
    .postCss('node_modules/@fullcalendar/list/main.css', 'public/css/fullcalendar/list.css')
mix.sass('resources/sass/calendar.scss', 'public/css')

我很无知。我的Chrome控制台没有任何错误，如果无法修复此问题，我将不得不回滚到脚本标签方法。

编辑：

在我的package.json文件中：

"dependencies": {
        ...
        "@fullcalendar/bootstrap": "^4.4.2",
        "@fullcalendar/core": "^4.4.2",
        "@fullcalendar/daygrid": "^4.4.2",
        "@fullcalendar/google-calendar": "^4.4.0",
        "@fullcalendar/interaction": "^4.4.2",
        "@fullcalendar/list": "^4.4.2",
        "@fullcalendar/timegrid": "^4.4.2",
        ...
        "fullcalendar": "^5.11.0",
        "fullcalendar-scheduler": "^5.10.2",
        ...

}