Fullcalendar 完整日历：事件不在'；未显示网格上预期的位置

查看了文档，但不了解事件在我的节点应用程序中放置不正确的原因：

Global.js：

var eventList = [];

document.addEventListener('DOMContentLoaded', function() { 
var eventDesc = {};

  eventDesc = { title: 'Test', start: '2019-10-22', backgroundColor:'red' }; eventList.push( eventDesc );

eventDesc = { title: 'Test2', start: '2019-10-23T10:00:00', end: '2019-10-23T11:00:00', backgroundColor:'blue' };   eventList.push( eventDesc );

  var calendarEl = document.getElementById('calendar'); 
  var calendar = new FullCalendar.Calendar(calendarEl, {
        defaultView: "timeGridWeek",
        height: "auto",
        slotDuration: "00:60:00",
        events: eventList,
        plugins: [ 'dayGrid', 'timeGrid' ]
      }
    );
  calendar.render(); 
});

获取以下视图（蓝色事件预计在上午10点在网格上，但它完全脱离网格）：

---

欢迎来到Stack Overflow，Andy。我可以推荐你用一些来组织你的问题，这样你就可以清楚地知道你在寻求什么帮助了吗？把你的问题当作一个可以回答的问题会有帮助。我建议您阅读《我该如何问一个好问题？》指南：您是否定制了fullCalendar的CSS，或者添加了一些您自己的CSS？几乎总是这样的原因。返回默认主题，查看是否仍有issue@ADyson我没有定制fullCalendar附带的css，在所讨论的表单的Pug布局中，我只是引用了@fullCalendar/core/main.css和@fullCalendar/daygrid/main.css。布局中的日历元素只是div（id='calendar'）@ADyson，但您引导我走上了正确的道路！缺少对@fullcalendar/timegrid/main.css的引用！到处都找过了，但没找到-谢谢