jQuery 未定义：webpack +Angular 4+ Asp Core 模板

Question

我有一个从 VS 2017 Angular 4 +Asp Core 模板生成的项目 我想使用一个 jQuery 插件，所以我需要在我使用过的 .ts 文件中导入 jQuery：

declare var $: any;

在 webpack.config.vendor.js 我有

plugins: [
            new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }), 

但是在控制台中我得到了这个错误：

Uncaught ReferenceError: jQuery is not defined  

谢谢

Answer 1

您需要使用 angular-cli 导入 jquery。编辑您的 angular-cli.json 文件。

找到脚本数组并添加jquery。

     "scripts": [
       "../node_modules/jquery/dist/jquery.min.js"
      ],

Answer 2

点击下面的链接安装jquery。

https://www.gurustop.net/blog/2016/11/18/3821/jquery-angular2-angularcli-how-to

之后你需要添加：

 declare const $: JQueryStatic;

在您的 app.component.ts 中可供您的所有应用程序使用。