Jquery 试图在ts文件中隐藏模态，但根本不起作用

嗨，伙计们，我和angular一起工作，试图在执行功能后隐藏模态，但是 错误类型错误：jquery\uuu网页包\u导入的模块\uu 2\uuuu（…）。模式不是函数

HTML代码：

<div class="modal fade custom-modal-setting" id="drag-and-drop-image" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

---

在javascript$（“#拖放图像”）中，有一行常用于隐藏模式但是在angular中出现错误

似乎模态函数的使用是引导模态插件的一部分，您可以找到更多信息

也许您应该尝试加载库或缩小的库？

.modal（）

不是

jQuery

的方法，因此请尝试：

$('#drag-and-drop-image').hide();

---

我不认为

.modal（

存在于核心jQuery中。我猜这是因为某个插件，而你忘记了导入或包含它？或者你有打字错误。你可能想使用

$（“#拖放图像”）.hide（）；

或

$（'.modal'）.hide（）

？Hi@kevtis我已经使用了.hide（）和.modal（'hide'）.hide（）不给我错误，但不工作意味着模态不隐藏。模态（'hide'）给我一个我在问题中提到的错误，当我使用

时。模态（'hide'）

我得到了我在问题中提到的错误，但当我使用

时。hide（）

错误已被删除，但modal未删除closed@YasirMehmood您是否在index.html或angular.json文件中包含了

bootstrap.js

？是的，我已将其包含在共享angular.json

“脚本”代码中：[“node_modules/jquery/dist/jquery.min.js”，“node_modules/bootstrap/dist/js/bootstrap.min.js”]

@YasirMehmood如果您只是在站点的浏览器控制台中编写命令.modal（'hide'），它会说什么？当我使用.modal（'hide'）时，它会给出此错误类型错误：jquery\uu WEBPACK\u IMPORTED\u MODULE\u 2\uuu（…）.modal不是函数hi@eldala07我现在已经使用npm安装了引导，并将其包含在angular.json文件的脚本部分中，但仍然收到相同的错误，我尝试在ts文件中包含modal，并使用

import*作为“引导”中的modal；

但不起作用：(

$('#drag-and-drop-image').hide();