未在 Angular 中定义未捕获的引用错误 $答案

【问题标题】：Uncaught Reference error $ is not defined in Angular未在 Angular 中定义未捕获的引用错误 $
【发布时间】：2018-09-27 02:41:51
【问题描述】：

我在“/src/assets/js/auth.js”中有一些 jquery 脚本。

我已将文件和 jquery 插件包含在 angular.cli.json 文件中。

angular.cli.json：

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

最后我在 app.component.ts 中导入了 jquery。

app.component.ts：

import * as $ from 'jquery';

为了确定 jquery 是否有效，我将 jquery 代码放入了 ngOnInit() {} 函数中，它运行良好。

但是当我将它作为外部js文件放置时，我总是会返回错误： 未捕获的引用错误 $ 未定义

请有人帮我解决这个问题。

【问题讨论】：

标签： angular

【解决方案1】：

插件前需要包含jquery文件

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

并替换

import * as $ from 'jquery';

与

declare let $: any;

否则，jquery 可以工作，但 $ 将不包含插件的功能

【讨论】：