完整的日历计划程序与 SharePoint 框架 (REACT)

Question

我正在尝试使用 FullCalendar Scheduler 创建一个 SharePoint 框架 Web 部件（基于 REACT）。完整的Calendar React daygrid 可以工作，但是一旦我导入调度程序插件（@fullcalendar/resource-timeline），构建失败并出现以下错误：

预期类型来自此处声明的属性“插件” 在类型'IntrinsicAttributes & IntrinsicClassAttributes & Readonly & Readonly

实际代码

import * as React from 'react'
import FullCalendar from '@fullcalendar/react'
import dayGridPlugin from '@fullcalendar/daygrid'
import timeGridPlugin from '@fullcalendar/timegrid'
import resourceTimelinePlugin from '@fullcalendar/resource-timeline'

import '@fullcalendar/core/main.css';
import '@fullcalendar/daygrid/main.css';
import '@fullcalendar/timegrid/main.css';


export default class MyCall extends React.Component {

    render() {
      return (
        <FullCalendar 
            defaultView="dayGridMonth"             
            header={{
              left: 'prev,next today',
              center: 'title',
              right: 'dayGridMonth,timeGridWeek,timeGridDay'
            }}
            plugins={[ dayGridPlugin, timeGridPlugin, resourceTimelinePlugin ]} />
      )
    }
  
  }

如果我删除 @fullcalendar/resource-timeline 的导入语句，它可以正常工作，但只要我为调度程序添加导入语句，就会生成生成错误

Answer 1

确保包含您的 schedulerLicenseKey。

如果您想在 SharePoint Online 中使用 SPFx 实现完整日历，以下解决方案 来自 GitHub 供您参考。

spfx-react-fullcalendar