0

我需要你的帮助。

我已在我的 Salesforce 沙箱上将 FullCalendar Scheduler（免费试用版）作为 Lightning Web 组件实施，但无法初始化调度程序。

当我使用调试模式检查控制台上的错误时，它显示“ReferenceError: Calendar is not defined at FullCalendarResourceTrial.initializationV5 (https://...}”。我已经使用 console.log 检查了 querySelector 正确填充了变量 ele .

我对 js 和 salesforce 自定义非常陌生，因此可能会出现简单的错误，但如果有人可以帮助我解决这个问题，我将不胜感激。

非常感谢！

JS

import { LightningElement } from 'lwc';
import { loadScript, loadStyle } from 'lightning/platformResourceLoader';

// Static resource of FullCalendar Scheduler v5.0.1
import SchedulerV501 from '@salesforce/resourceUrl/SchedulerV501';

export default class FullCalendarResourceTrial extends LightningElement {

    IsFullCalenderInitialized = false;

    renderedCallback(){
        if (this.IsFullCalenderInitialized) {
            return;
        }
        this.IsFullCalenderInitialized = true;
        this.loadScriptsByPromiseV5();    
    }

    loadScriptsByPromiseV5(){
        Promise.all([
            loadScript(this, SchedulerV501 + '/lib/main.js'),
            loadStyle(this, SchedulerV501 + '/lib/main.css')
        ])
        .then( () => {
            this.initializationV5();
        })
        .catch(error => {
            console.error({
                message: 'Error occured on FullCalendarScheduler',
                error
            });
        });
    }

    initializationV5(){
        let ele = this.template.querySelector('div.calendarmain');

        var calendar = new Calendar(ele, {
            initialView: 'resourceTimelineWeek',
        });
        calendar.render();
    }

HTML

<template>
    <div id='calendar' class="calendarmain"  lwc:dom="manual"></div>
</template>
4

0 回答 0