Javascript 从Webpack bundle.js获取/导入bootstrap.js

对不起，我没有使用网页包的经验

我有一个网页生成的网页模板

页面显示带有bootstrap.js的模式对话框

bundle.js中包含的bootstrap.js

我需要模式窗口的显示/隐藏/侦听事件，但我无法使用 $（“#dialog”）.modal（'hide'），因为未加载引导（在当前上下文中？）

如何导入/访问bundle.js中的bootstrap.js？

Examples - try to close modal with button "Close with JS"

错误

$（…）。模式不是函数

错误

未删除模式背景淡入淡出

导入设置

---

我刚刚检查了您的codepen示例，并在您的两个示例上生成了2个模态背景。（带或不带引导）

当另一个关闭时，其中一个仍留在页面上

我只是检查一下bootsrap上是否有一些bug或其他东西，然后在github上面对已解决的问题

不知何故，有些人也面临着你的问题，这是由许多问题造成的

您可以使用捷径解决方案的引导示例手动删除屏幕上的第二个背景

更新：

在Alexandr Sulimov的反馈之后，我只是再次搜索，发现一个关于stackoverflow的主题有类似的问题

我使用bootstrap codepen示例对其进行了测试，效果非常好

$("[data-dismiss=modal]").trigger({ type: "click" });

@Alexandr，你能试试下面的代码吗？据我所知，只是模仿close with标记

$(function(){
   $('#closeWithJS').on('click', function(){
       $("[data-dismiss=modal]").trigger({ type: "click" });
   });
});

---

您是如何将引导程序包括到您的项目中的？您可以简单地

导入'bootstrap'

位于

index.js

或

app.js

@SlavaUtesinov，不包含bootsrap.js，包含bootsrap。js@AlexandrSulimov你能给我们看看你的html和js代码吗？@MM是的，有问题的示例。不包含bootsrap.js，但包含bootsrap。js@AlexandrSulimov我看过代码笔的样本。我所说的html/js代码是指完整的代码，包括通过下载库或cdn导入引导的部分。我在代码笔链接中找不到任何关于引导的内容。请原谅，我不确定codepen导入是如何工作的。当我删除了第二个背景-模式对话框（未通过按钮“打开@mdo的模式”@AlexandrSulimov显示）后，我会根据您的反馈更新我的答案谢谢，是的，解决方案是有效的。如果在2天内不回答，我将你的回答标记为慷慨的回答。我想回答一个问题“如何在bundle.js中导入/访问bootstrap.js？”因为我想使用一个常用的代码“.modal（'hide'）”和bootstrap.js的一个实例让我知道，您是否手动将bootstrap.js脚本文件添加到index.html的头中？如果是，你可以指导：或者这可能对你有帮助；