Плагин импорта rrule с fullcalendar v4 в React

У меня проблемы с получением fullcalendar версии 4 для отображения повторяющихся событий в приложении React.

Я использовал этот учебник

утверждение import 'fullcalendar/plugins/rrule'; дает мне ошибку:

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

Поэтому я изменил оператор импорта на 'fullcalendar/dist/plugins/rrule'; Теперь я получаю ошибки из накопительного пакета, которые я решил, добавив external: [ 'rrule' ] в rollup.config.js.

Все, что я хочу сделать, это показать некоторые повторяющиеся события в fullcalendar версии 4 (так что нет зависимости от JQuery) и React.

Любая помощь будет оценена

Я начал проект в песочнице кода, но не смог загрузить fullcalendar v4.

Плагин импорта rrule с fullcalendar v4 в React

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
0
1 254
2

Ответы 2

Хорошо, этот вопрос немного устарел, но я столкнулся с аналогичной проблемой, и вот как я ее решил.

Во-первых, в CodeSandbox вы импортируете без @

import { Calendar } from '@fullcalendar/core'

Во-вторых, в ваших зависимостях вы не установили rrule, просто плагин, который вы можете установить, запустив:

yarn add rrule

или

npm install rrule

вы можете найти полную документацию здесь: https://github.com/jakubroztocil/rrule

Надеюсь, это поможет.

Спасибо, я попробую

Dany Dhondt 16.05.2019 09:29

Это старый вопрос, но для тех, кто будет искать его в будущем. Правильный способ импорта rrule в реакцию в первую очередь необходимо:

пряжа add @ fullcalendar / rrule или npm install -s @ fullcalendar / rrule

Затем в компоненте reactjs:

импортировать rrulePlugin из '@ fullcalendar / rrule';

И, наконец, добавьте его в компонент full calenadar в свойстве plugins.

plugins = {[rrulePlugin, ... другие плагины]}

Документацию можно найти здесь

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

Другие вопросы по теме