类型“ JQuery <HTMLElement>”上不存在属性“ modal”

Question

我正在使用Angular 7，并且正在尝试在我的组件中使用jQuery的.modal函数：

show() {
    $('#' + this.id).modal('show');}

但是我收到了这个错误...这是图片：

我也在app.module.ts这一行中添加了：

从'jquery'导入*作为$;

但是问题仍然存在。

我在这里找到了类似的问题，并按照相同的步骤进行操作，但是问题仍然存在。

这是我的package-lock.json文件，并且我已经看到了与jquery相关的一些信息：

 "@types/bootstrap": {

      "version": "4.3.0",

      "resolved": "https://registry.npmjs.org/@types/bootstrap/-/bootstrap-4.3.0.tgz",

      "integrity": "sha512-v1BkpRVgNH9eXE+RtWFP1wh/+SAkPZaxHthS6umqf1sGV0tAvHdPHZpAOB+H74e91ElOxtS56dxbon+lXWk4AQ==",

      "dev": true,

      "requires": {

        "@types/jquery": "*",

        "popper.js": "^1.14.1"

      }

  "@types/jquery": {

      "version": "3.3.29",

      "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-3.3.29.tgz",

      "integrity": "sha512-FhJvBninYD36v3k6c+bVk1DSZwh7B5Dpb/Pyk3HKVsiohn0nhbefZZ+3JXbWQhFyt0MxSl2jRDdGQPHeOHFXrQ==",

      "dev": true,

      "requires": {

        "@types/sizzle": "*"

      }

    },

"jquery": {

      "version": "3.4.1",

      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.4.1.tgz",

      "integrity": "sha512-36+AdBzCL+y6qjw5Tx7HgzeGCzC81MDDgaUP8ld2zhx58HdqXGoBd+tHdrBMiyjGQs0Hxs/MLZTu/eHNJJuWPw=="

    },

如果有人可以帮助，那就太好了！谢谢 ！

Answer 1

我遇到了同样的问题，我已经完成了以下步骤，并解决了。# in your terminal paste thisnpm install -D @types/bootstrap --save# put this in your app.module.tsimport * as bootstrap from "bootstrap";import * as $ from "jquery";