首页 > 解决方案 > 在 React 中使用 fullcalendar v4 导入 rrule 插件

问题描述

我在获取完整日历版本 4 以在 React 应用程序中显示重复事件时遇到问题。

我用了这个教程

该声明import 'fullcalendar/plugins/rrule';给了我错误:

Module not found: Can't resolve 'fullcalendar/plugins/rrule'

所以我将导入语句更改为'fullcalendar/dist/plugins/rrule'; Now I get errors from rollup 我通过添加解决external: [ 'rrule' ]rollup.config.js

我想做的就是在fullcalendar版本 4(所以没有 JQuery 依赖项)和 React 中显示一些重复发生的事件。

任何帮助,将不胜感激

我在代码沙箱上启动了一个项目,但无法加载 fullcalendar v4。

编辑 n0lvqzmw9m

标签: javascriptreactjsmodulefullcalendares6-modules

解决方案


这是一个古老的问题,但对于将来搜索它的人来说。在反应中导入 rrule 的正确方法首先需要

yarn add @fullcalendar/rrule 或 npm install -s @fullcalendar/rrule

然后在 reactjs 组件中:

从“@fullcalendar/rrule”导入 rrulePlugin;

最后将其添加到 plugins 属性中的完整日历组件中

plugins={[rrulePlugin, ...其他插件]}

文档可以在这里找到

https://fullcalendar.io/docs/plugin-index


推荐阅读