NextJS - Fullcalendar只加载部分样式

hof1towb  于 2023-04-20  发布在  其他
关注(0)|答案(1)|浏览(142)

我试图实现FullCalendar并将其导入Nextjs 13项目(T3堆栈),当我在FullCalendar组件所在的页面上第二次导航时,样式无法正确加载。
我想说的是,当我在组件的第一次渲染上导航到页面时,它完美地加载了所有的样式。Fully loaded Fullcalendar但是当我转到另一个页面(如索引页面)并返回日历页面时,并不是所有的样式都加载了Partially loaded Fullcalendar,而是只有一部分(标题)。
我尝试加载Fullcalendar作为动态组件与SSR禁用(完全加载第一次导航到页面只),作为一个正常的组件(完全加载只有当页面上的日历是重新加载与浏览器),作为动态组件与SSR启用(与SSR禁用).样式只是从来没有完全加载.

egmofgnx

egmofgnx1#

是否正确导入了完整日历脚本?
参见文档:https://fullcalendar.io/docs/initialize-globals
如果您尚未导入此脚本:

<script src='https://cdn.jsdelivr.net/npm/fullcalendar@6.1.5/index.global.min.js'></script>

您的样式可能无法正常工作。

相关问题