Полный планировщик календаря в SharePoint Framework (REACT)

Question

Я пытаюсь создать веб-часть SharePoint Framework (на основе REACT) с помощью планировщика FullCalendar. Full Calendar React daygrid работает, но как только я импортирую надстройку планировщика (@ fullcalendar / resource-timeline), сборка завершается со следующей ошибкой:

Ожидаемый тип происходит из свойства 'плагины », который объявлен здесь по типу« IntrinsicAttributes & IntrinsicClassAttributes & Readonly & Readonly <{children ?: ReactNode;}>

Актуальный код

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.

Если вы хотите получить полный календарь с использованием SPFx в SharePoint Online, решение для GitHub ниже для вашей справки.

spfx-реакция-fullcalendar