You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

通过Script标签引入FullCalendar核心及插件后无法加载的问题求助

通过Script标签引入FullCalendar核心及插件后无法加载的问题求助

我正尝试使用FullCalendar,尤其是它的资源分组这类高级功能,但不想使用自适应插件,所以打算按照文档里“用脚本标签初始化”的说明直接引入对应脚本。

以下是我用的完整HTML代码:

<!DOCTYPE html>
<html lang='en'>
  <head>
    <meta charset='utf-8' />
    <script src='https://cdn.jsdelivr.net/npm/@fullcalendar/core@6.1.15/index.global.min.js'></script>
    <script src='https://cdn.jsdelivr.net/npm/@fullcalendar/interaction@6.1.15/index.global.min.js'></script>
    <script src='https://cdn.jsdelivr.net/npm/@fullcalendar/daygrid@6.1.15/index.global.min.js'></script>
    <script src='https://cdn.jsdelivr.net/npm/@fullcalendar/timegrid@6.1.15/index.global.min.js'></script>
    <script src='https://cdn.jsdelivr.net/npm/@fullcalendar/list@6.1.15/index.global.min.js'></script>
    <script src='https://cdn.jsdelivr.net/npm/@fullcalendar/multimonth@6.1.15/index.global.min.js'></script>
    <script src='https://cdn.jsdelivr.net/npm/@fullcalendar/scrollgrid@6.1.15/index.global.min.js'></script>
    <script src='https://cdn.jsdelivr.net/npm/@fullcalendar/timeline@6.1.15/index.global.min.js'></script>
    <script src='https://cdn.jsdelivr.net/npm/@fullcalendar/resource@6.1.15/index.global.min.js'></script>
    <script src='https://cdn.jsdelivr.net/npm/@fullcalendar/resource-daygrid@6.1.15/index.global.min.js'></script>
    <script src='https://cdn.jsdelivr.net/npm/@fullcalendar/resource-timegrid@6.1.15/index.global.min.js'></script>
    <script src='https://cdn.jsdelivr.net/npm/@fullcalendar/resource-timeline@6.1.15/index.global.min.js'></script>
    <script>

      document.addEventListener('DOMContentLoaded', function() {
        var calendarEl = document.getElementById('calendar');
        var calendar = new FullCalendar.Calendar(calendarEl, {
          initialView: 'dayGridMonth'
        });
        calendar.render();
      });

    </script>
  </head>
  <body>
    <div id='calendar'></div>
  </body>
</html>

我还做了一个和上述代码完全一致的在线演示示例。

现在遇到的问题是,上面的代码没法正常渲染出日历,而且控制台弹出了如下错误信息:

index.global.min.js:6 Uncaught TypeError: Cannot read properties of undefined (reading 'name')
at i (index.global.min.js:6:145213)
at i (index.global.min.js:6:145247)
at index.global.min.js:6:147669
at ps.buildPluginHooks (index.global.min.js:6:147676)
at ps.processRawCalendarOptions (index.global.min.js:6:166319)
at ps.computeOptionsData (index.global.min.js:6:165669)
at new ps (index.global.min.js:6:160725)
at new e.Calendar (index.global.min.js:6:178434)
at HTMLDocument.<anonymous> (FullCalendarTest.htm:22:24)

我怀疑自己可能误解了文档里的初始化方式,但反复检查也找不到问题所在,有没有朋友能帮我指出错误呀?

备注:内容来源于stack exchange,提问作者MajorRefactoring

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.14 09:50:29