Fullcalendar timeGridWeek和timeGridDay无法正确加载

Question

对于我的日历，我正在尝试使用timeGridWeek和timeGridDay视图。而不是像这样正确加载：

加载如下：

我的日历默认视图是dayGridMonth，效果很好。当我单击将视图更改为星期或天的按钮时，它不能正确呈现，也不会允许我通过单击按钮来进一步更改视图（实际上，我被卡在选择的视图中）。

这是我的日历元素+导入代码：

import timeGridPlugin from "@fullcalendar/timegrid";
import FullCalendar from "@fullcalendar/react";
import dayGridPlugin from "@fullcalendar/daygrid";
import interactionPlugin, { Draggable } from "@fullcalendar/interaction";

          <FullCalendar
            ref={this.calendarRef}
            defaultView="dayGridMonth"
            height={"parent"}
            width={"parent"}
            droppable={true}
            drop={this.handleDrop}
            dateClick={this.handleDateClick}
            eventClick={this.handleEventClick}
            header={{
              left: "prev,next, today",
              center: "title",
              right: "dayGridMonth,timeGridWeek,timeGridDay"
            }}
            plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}
            editable={true}
            events={this.state.events}
            eventLimit={true}
          />

提前感谢：）

Answer 1

没关系，它是固定的！它似乎只是在本地方面的不稳定渲染。当我将应用程序托管在heroku上时，timeGridWeek和day都可以正常显示。