Question

我正在运行一个Angular4平均应用程序，我想使用PrimeNG Schedule来显示日历中的事件。 Schedule建立在FullCalendar之上，反过来需要jQuery和Moment.js才能工作。我使用了ap-ng2-fullcalendar版本，因为它与Angular4更兼容。

所以我用npm安装了jQuery，Moment，FullCalendar和primeNG Scedule。

我已将这些导入放在app.module.ts

中

import {CalendarModule} from "ap-angular2-fullcalendar";
import {ScheduleModule} from 'primeng/components/schedule/schedule';

（和进口：[...]）

在html组件（PrimeNG指令）中有这个：

<p-schedule [events]="projects"></p-schedule>

但是当我运行项目时出现错误：

ERROR ReferenceError: jQuery is not defined

如何在我的应用中获得jQuery（和Moment）？我可以将jquery.js文件从node_module / jquery / dist复制到我的公共文件夹，并将其添加到html中，如下所示：

<script src="/js/plugins/jquery.js"></script>

但这可能不是正确的方法然后我在运行项目时得到这个：

TypeError: this.schedule.fullCalendar is not a function

我认为我的项目中缺少一些js文件，并且jQuery和Moment需要某种手动导入，但不知道如何。注意：我使用webpack。

谢谢！

Answer 1

我在网络包中使用typescript。我想我现在得到了它，这是一个时间https://github.com/moment/moment/issues/4228中的一个错误，以及我如何导入没有TypeScript（类型）定义的第三方库的一些误解。 ap-ng2-fullcalendar模块实际上巧妙地使FullCalendar可以在像我这样的设置中访问。了解所有这些内容也很有用https://www.youtube.com/watch?v=qWSPog9Fz-o

使用PrimeNG Schedule在平均angular4应用程序中导入FullCalendar

1 个答案: