FullCalendar TypeError：$（…）.fullCalendar不是带有产品概要文件的函数

Question

我使用产品概要文件构建我的jhipster项目，此后，我出现了错误，如Angular 4的以下组件中所述：

    import { Component, ViewChild, Input, Output, ElementRef, EventEmitter, AfterViewInit } from '@angular/core';
import 'fullcalendar/dist/fullcalendar.js';
import * as jQuery from 'jquery';

@Component({
    selector: 'ba-full-calendar',
    templateUrl: 'ba-full-calendar.component.html'
})
export class BaFullCalendar implements AfterViewInit {

    @Input() baFullCalendarConfiguration: Object;
    @Input() baFullCalendarClass: string;
    @Output() onCalendarReady = new EventEmitter<any>();

    @ViewChild('baFullCalendar') public _selector: ElementRef;

    ngAfterViewInit() {
        const calendar = jQuery(this._selector.nativeElement).fullCalendar(this.baFullCalendarConfiguration);
        this.onCalendarReady.emit(calendar);
    }
}

我认为这与产品概要有关，因为开发概要没有相同的问题。 在webpack.common.ts中，我添加了：

 new webpack.ProvidePlugin({
                "$": "jquery",
                "jQuery": "jquery",
                "window.jQuery":"jquery"
            }),

我正在使用jhipster的网关应用程序。