fullcalendar 无法读取未定义的属性“fn”答案

【问题标题】：fullcalendar cannot read property 'fn' of undefinedfullcalendar 无法读取未定义的属性“fn”
【发布时间】：2018-05-11 09:34:45
【问题描述】：

我将fullcalendar.min.js 嵌入到我的项目中，但出现此错误：

错误日志显示“无法读取未定义的属性'fn'”

见下图。

我查过这个问题，建议使用jQuery 2.0.0+，我肯定使用jQuery v3.3.1，但对解决问题没有帮助。

【问题讨论】：

什么版本的fullCalendar？什么版本的momentJS？您是否以正确的顺序包含这些文件（根据 fullCalendar 文档）？在尝试执行日历脚本之前，您是否确保所有文件都已加载？我们只能在没有看到您的代码的情况下猜测。请参阅 fullcalendar.io/docs/installation、fullcalendar.io/docs/initialization 和 fullcalendar.io/support，和/或查看网站上显示的众多演示之一的源代码，了解它是如何完成的。
jQuery Uncaught TypeError: Cannot read property 'fn' of undefined (anonymous function)的可能重复
@ADyson 我使用了一个演示版本，并使用 fillcalendar 3.9.0（momentsjs 2.221、jquery 3.3.1、jquery-ui 1.12.1）对其进行了修改，它工作正常。但是当我使用相同的代码和文档移动到不同的环境时，我得到了错误，谢谢.....
那你的环境和demo肯定有一些不同。我不知道那个区别是什么，因为我看不到演示或您的其他环境。你必须找出不同之处，或者如果你可以制作一个产生错误的 CodePen，那么也许我可以告诉你哪里出错了。

标签： jquery fullcalendar

【解决方案1】：

那是因为你必须在 fullcalendar.js 之前加载 moment.js！

【讨论】：

【解决方案2】：

文档应包含对 moment.js 的引用

https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js

然后是 fullcalendar.js 引用：

https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.js https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.css https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.print.css

【讨论】：

就我而言，moment.js 造成了问题。无论如何，谢谢。

【解决方案3】：

对我来说，添加 momentjs 不起作用。但changing the cdn 工作：

<script src="https://unpkg.com/fullcalendar@5.1.0/main.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/fullcalendar@5.1.0/main.min.css" />
<div id="calendar"></div>
<script>
  var calendarEl = document.getElementById('calendar');
  var calendar = new FullCalendar.Calendar(calendarEl, {
    initialView: 'dayGridMonth'
  });
  calendar.render();
</script>

【讨论】：