Angular2、PrimeNG、Calendar、jQuery、webpack datepicker 不是函数答案

【问题标题】：Angular2, PrimeNG, Calendar, jQuery, webpack datepicker is not a functionAngular2、PrimeNG、Calendar、jQuery、webpack datepicker 不是函数
【发布时间】：2016-08-21 19:09:01
【问题描述】：

我通过 akveo https://github.com/akveo/ng2-admin 使用 ng-admin 开始了一个项目。 PrimeNG 网站指定需要添加 jQuery ui datetimepicker 和 jQuery datepicker 才能使用它们的 Calendar 组件。我做了一个 npm install jquery-ui --save 并安装了文件。但是我对如何在 webpack 文件中添加引用并正确引用它一无所知。谢谢。

【问题讨论】：

标签： jquery-ui angular webpack primeng

【解决方案1】：

是的，我们称 jQueryUi 和 jQuery 之类的库为“损坏的模块”，因为它们在全局上下文中执行并相互依赖。有几种不同的方法可以填充这些模块。

Here is a list of different options（解决方案因库而异）。我喜欢使用ProvidePlugin 或使用别名和外部。

【讨论】：

我完全是菜鸟，你能解释一下这个过程吗？我一直在努力理解，但 webpack 很难掌握。我将 jQuery 作为 node_module 安装。我的 webpack.common.js 中有这些行 new webpack.ProvidePlugin({ jQuery: 'jquery', 'Tether': 'tether', 'window.Tether': 'tether' })，我不明白是什么这些行可以，但它类似于您提供的链接上的配置。之后，如何将 jquery datepicker 脚本包含到我的 angular2 应用程序中？

【解决方案2】：

我有同样的错误信息，但还没有使用 webpack。对于此特定消息，解决方案实际上是在primeng 之前声明/包含jQuery。所以我只是向上移动了 html 标记，将 jQuery 添加到我的页面中，之后一切正常。

我不知道如何使用webpack，但是如果有声明顺序，只需在primeng之前声明jQuery（或其下标datepicker和datetimepicker）即可。

【讨论】：