Jquery 无法读取属性'；长度'；未定义-完整日历的定义

突出显示fullcalendar/main.js代码这部分中的错误

Uncaught TypeError: Cannot read property 'length' of undefined

application.js

yarn add @fullcalendar/core
yarn add @fullcalendar/daygrid

application.scss

import moment from 'moment'
window.moment = moment
import { Calendar } from '@fullcalendar/core/';
import dayGridPlugin from '@fullcalendar/daygrid';
global.FullCalendar = require("@fullcalendar/core/");

看法

document.addEventListener（'DOMContentLoaded'，函数（）{
var calendarEl=document.getElementById（'calendar'）；
var calendar=新的完整日历。日历（calendarEl{
....
}
});
//渲染日历
calendar.render（）；
});

我遇到了同样的错误，这里是我的导入

<div id="calendar"></div>
<script>
document.addEventListener('DOMContentLoaded', function () {
  var calendarEl = document.getElementById('calendar');

  var calendar = new FullCalendar.Calendar(calendarEl, {

        ....
    }
});

  // render the calendar
  calendar.render();
});
</script>

我是这样使用它的：

import * as Calendar from '@fullcalendar/core';
import * as dayGridPlugin from '@fullcalendar/daygrid';
import * as listPlugin from '@fullcalendar/list';
import * as interactionPlugin from '@fullcalendar/interaction';

window.FullCalendar = Calendar;
window.dayGridPlugin = dayGridPlugin;
window.listPlugin = listPlugin;
window.interactionPlugin = interactionPlugin;

---

我也犯了同样的错误，这是我的输入

<div id="calendar"></div>
<script>
document.addEventListener('DOMContentLoaded', function () {
  var calendarEl = document.getElementById('calendar');

  var calendar = new FullCalendar.Calendar(calendarEl, {

        ....
    }
});

  // render the calendar
  calendar.render();
});
</script>

我是这样使用它的：

import * as Calendar from '@fullcalendar/core';
import * as dayGridPlugin from '@fullcalendar/daygrid';
import * as listPlugin from '@fullcalendar/list';
import * as interactionPlugin from '@fullcalendar/interaction';

window.FullCalendar = Calendar;
window.dayGridPlugin = dayGridPlugin;
window.listPlugin = listPlugin;
window.interactionPlugin = interactionPlugin;

我正在使用导入

首先，我犯了同样的错误。但随后网页文档给了我一个提示：

请注意，在ES6模块上使用import（）时，必须引用

.default

属性，因为它是实际的模块对象，当承诺 问题解决了

因此，我使用

.default

属性解决了这个问题

const dayGridPlugin = await import('@fullcalendar/daygrid');

我正在使用导入

首先，我犯了同样的错误。但随后网页文档给了我一个提示：

请注意，在ES6模块上使用import（）时，必须引用

.default

属性，因为它是实际的模块对象，当承诺 问题解决了

因此，我使用

.default

属性解决了这个问题

const dayGridPlugin = await import('@fullcalendar/daygrid');

---

在您设置defs值的地方？？您的设置代码看起来是错误的。

global.FullCalendar…

行应该不是必需的。有关示例，请参阅。如果设置了defs的值，则设置代码看起来是错误的。

global.FullCalendar…

行应该不是必需的。有关示例，请参见。

const dayGridPlugin = (await import('@fullcalendar/daygrid')).default;