角度5迁移jquery无法正常工作

Posted 2021-04-11

我的ANGULAR 5应用程序遇到了一些问题。

我使用了一些需要JQUERY的组件，它在迁移之前是有用的，我没有改变任何东西。

我在我的组件中添加了声明var jQuery：any;

在包中。 JSON

    "jquery": "^3.2.1",
    "jquery-slimscroll": "^1.3.8",
    "jquery-sparkline": "^2.4.0",
    "jstree": "^3.3.4",

开发

    "@types/jquery": "^3.2.16",

角度cli

      "scripts": [
      "../node_modules/jquery/dist/jquery.js",
      "../node_modules/metismenu/dist/metisMenu.js",
      "../node_modules/jquery-sparkline/jquery.sparkline.js",
      "../vendor/pace/pace.min.js",
      "../node_modules/jstree/dist/jstree.min.js",
      "../node_modules/simplebar/dist/simplebar.js"
  ],

有人有想法吗？

答案

我试过跟随，对我来说工作正常

1. npm i --save jquery [安装jquery v1.12.4并添加为依赖于package.json]
2. 去.angular-cli.json和scripts[]添加如下。我正在使用bootstrap，所以也添加 scripts: ["../node_modules/jquery/dist/jquery.min.js", "../node_modules/bootstrap/dist/js/bootstrap.js"]
3. 将以下内容添加到要编写jquery函数的模块中 import * as $ from 'jquery';

希望这可以解决您的问题。请确保您在上述位置拥有相应的文件。

另一答案

如果你在第一次编译时出错，我发现了JQUERY错误。 - 如果我开始编译没有错误jQuery包含和工作 - 如果我的编译在第一次编译时有错误它就像它不包括

所以让你的第一个构建工作，然后没有问题