Fullcalendar错误时刻properties.push不是函数

时间:2019-02-09 14:26:26

标签: javascript jquery reactjs fullcalendar momentjs

我已按照 fullcalendar 的文档使用npm程序包加载代码。我已经下载了以下3个npm软件包:

  • 完整日历3.10.0
  • 时刻2.24.0
  • jQuery 3.3.1

我已经初始化了日历,但是在控制台moment moment.momentProperties.push is not a function中出现了错误。

enter image description here

如果我使用cdns,则遵循此响应https://stackoverflow.com/a/43771018/5384016,但我想使用npm软件包模块

Cdns脚本

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.0/fullcalendar.min.js"></script>

这是我的代码

import ....;
import moment from 'moment';
import $ from 'jquery';
import 'fullcalendar';

class CalendarEl extends React.PureComponent {
    componentDidMount() {
        $(`#calendar-1`).fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay,listWeek',
            },
            themeSystem: 'bootstrap4',
            ....other opts
    }
    render() {
        return (
            <Row className="calendar-row">
                <Col>
                    <div id={`calendar-1`} />
                </Col>
            </Row>
        );
    }
}

export default CalendarEl;

有人可以帮助我并展示如何使用npm软件包初始化完整日历。我不明白为什么我将这3个软件包的相同版本与cdns一起使用可以正常工作

我也使用webpack,我不知道这是否相关

0 个答案:

没有答案