通过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
相关产品推荐
相关产品推荐

