时间戳

首页 > 解决方案 > 创建全日历反应 :: 错误 dateProfileGenerator 未定义

reactjs - 创建全日历反应 :: 错误 dateProfileGenerator 未定义

问题描述

尝试为 reactjs 制作全日历组件，并用从 firestore 数据库检索到的事件填充它（更改月份时检索事件）。但是无论我做什么，我都会收到有关的错误dateProfileGenerator，所以下面的代码是我使用的代码，只是我删除了我从数据库中检索的部分，但仍然无法正常工作。

import React from 'react';
import FullCalendar from '@fullcalendar/react';
import dayGridPlugin from '@fullcalendar/daygrid';
import interactionPlugin from '@fullcalendar/interaction';

收到此错误：

类型错误：dateProfileGenerator 未定义

这是我要运行的代码。

const DemoCalendar = () => {
    
return (
    <FullCalendar
      headerToolbar={{
        left: 'prev, next today',
        center: 'title',
        right: 'dayGridMonth,timeGridWeek, timeGridDay, listMonth'
      }}
      initialDate={new Date()}
      navLinks="true"
      businessHours="true"
      editable="false"
      selectable="true"
      events={[
        {
          title: 'Business',
          start: '2021-05-05T10:00:00',
          end: '2021-05-06T10:30:00',
          constraint: 'businessHours',
          color: '#257e4a'
        },
        {
          groupId: 'available',
          start: '2021-05-06T10:00:00',
          end: '2021-05-06T10:30:00',
          display: 'background'
        }
      ]}
      plugins={[dayGridPlugin, interactionPlugin]}
      initialView="dayGridMonth"
    />
  );
};
};

提前致谢。

标签： reactjscalendarfullcalendarfullcalendar-5

解决方案

我在使用 React 时也遇到了这个错误。我仍然不知道出了什么问题，但是在我将主要代码移至此处的 React 项目示例后它可以工作： https://github.com/fullcalendar/fullcalendar-example-projects/tree/master/react 然后我安装了@ fullcalendar/list 另外，它不包含在原始示例中。

我的猜测是我可能打错了一些东西，或者我没有正确安装@fullcalendar/list。对于您的情况，我认为您可能忘记输入这行代码

import listPlugin from '@fullcalendar/list'

如果没有，你可以尝试修改 React 示例项目。也许将您的代码移动到一个新项目也可以。重新安装整个 node_modules 没有帮助。

更新：当我今天遇到另一个错误时，更改文件夹名称会有所帮助。

推荐阅读