Angular7外部Jquery插件 - 意外的标识符

Question

我很难将jquery模板转换为angular7。原始模板有自己的资源文件夹，其中包含几个我需要加载的.js文件才能使其正常工作。

当我使用以下命令启动应用程序时：ng serve我在浏览器中收到以下错误：

从'jquery'导入$; Uncaught SyntaxError：意外的标识符

tsconfig.json

 "types": [ "jquery" ],

angular.json，在脚本下

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

的package.json

 "dependencies": {
"@angular/animations": "^5.2.0",
"@angular/common": "^5.2.0",
"@angular/compiler": "^5.2.0",
"@angular/core": "^5.2.0",
"@angular/forms": "^5.2.0",
"@angular/http": "^5.2.0",
"@angular/platform-browser": "^5.2.0",
"@angular/platform-browser-dynamic": "^5.2.0",
"@angular/router": "^5.2.0",
"bootstrap": "^4.1.3",
"core-js": "^2.4.1",
"rxjs": "^5.5.6",
"tslib": "^1.9.0",
"zone.js": "^0.8.19",
"popper.js": "^1.14.4",
"jquery": "^3.3.1",

},

有人能帮助我更好地理解这一点吗？我在想我可能会使用Babel或一个单独的包来处理这个编译。

谢谢。

Answer 1

我设法找到了解决方案。这很简单，但正如Adrian先前评论的那样，不建议这样做。如上所述，我将使用Angular Ready插件，但以防万一，这就是答案。

1 - 安装Jquery。

npm install jquery — save

2 - 在脚本下加载angular.json或angular-cli.json。

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

3 - 通过npm下载所需的Jquery插件。

4 - 在angular.json或angular-cli.json中加载Jquery插件min.js.

5 - 在外部js文件中使用脚本，而不是在打字稿中。