我在AngularJS项目中使用基于jQuery的select2组件.我和这里的人有类似的问题：https://github.com/fronteed/icheck/issues/322,并使用那里的建议解决了它.为了准确,我收到了错误TypeError：$(…).当不使用该建议时,select2不是一个函数.
即我在@ angular / cli / models / webpack-configs / common.js中添加了下一行到Webpack的配置.
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery"
})
]
它是在angular / cli中启用jQuery的最佳方法吗？
我不认为像https://github.com/angular/angular-cli/wiki/stories-global-lib那样做是正确的,因为
a)webpack捆绑jQuery而无需在脚本中指定它
b)它仍然抛出TypeError：$(…).如故事中所述,当你包含它时,select2不是函数错误.
解决方法:
我在我的项目中使用jQuery如下.
>安装jQuery
npm install --save jquery
>安装jQuery类型定义以进行类型检查.
npm install --save-dev @types/jquery
>在angular-cli.json文件中的“scripts”数组中添加jquery文件的refenece.
"scripts": [
"../node_modules/jquery/dist/jquery.min.js"
]
>在要使用的任何组件中导入jquery.
import * as jQuery from 'jquery';
而已.同样你也可以使用其他库,如moment.js,d3.js等.
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
