Angular 5迁移jQuery不起作用

Question

我在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",

dev

    "@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"
  ],

有人有一个主意？

Answer 1

我尝试关注，并且对我工作正常

1. npm i --save jquery [安装jquery v1.12.4并在package.json中添加为依赖关系]

2. 转到.angular-cli.json，在scripts[]中添加如下所示。

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

3. 添加以下内容到您想编写jQuery函数的模块

   import * as $ from 'jquery';

希望这能解决您的问题。请确保您在上述位置有各自的文件。

Answer 2

我发现，如果您在第一次编译时有错误，则发现jQuery错误。 - 如果我启动汇编而没有错误的jQuery，并且可以正常工作 - 如果我的编译在第一次汇编时有错误，则不包括

因此，让您的第一个构建工作，然后没有问题