未捕获的参考错误$未在Angular中定义

Question

我在＆＃34; /src/assets/js/auth.js"中有一些jquery脚本。

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

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文件放置时，我将始终返回错误： 未定义参考错误$未定义

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

Answer 1

您需要在插件

之前包含jquery文件

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

并替换

import * as $ from 'jquery';

带

declare let $: any;

否则，jquery将起作用，但$将不包含插件的函数