javascript – 如何在angular cli 1.0.0-rc.0中正确包含jQuery？

我在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等.

标签：javascript,jquery,angular,angular-cli
来源： https://codeday.me/bug/20190929/1829942.html