类型“ 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 this

npm install -D @types/bootstrap --save

# put this in your app.module.ts

import * as bootstrap from "bootstrap";

import * as $ from "jquery";