Question

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

当我使用ng serve启动应用程序时，在浏览器中出现以下错误：

从'jquery'导入$; 未捕获的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文件中，而不是在打字稿中。

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

1 个答案: