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 都呈现良好。好像只是安装错误。

Fullcalendar timeGridWeek 和 timeGridDay 加载不正确

Fullcalendar timeGridWeek and timeGridDay not loading correctly

reactjs

fullcalendar

fullcalendar-4