导入Bootstrap 4 JS到项目中

Question

我试图导入bootstrap js到我的项目的主要入口点，但我有一些困难。我确信我有所有需要的依赖关系(jquery和popper.js)，它看起来像js被导入时，我检查我的捆绑文件，但Bootstrap崩溃，例如不工作。

这里是我的应用程序的依赖包。json

"dependencies": {
"bootstrap": "^5.1.3",
"headroom.js": "^0.12.0",
"jquery": "^3.6.0",
"popper.js": "^1.16.1",
"webpack": "^5.58.2"
}

这里是从我的应用程序的主入口点

导入的

import $ from "jquery";
import "popper.js";
import 'bootstrap';

有人能看出我可能出错的地方吗?

Answer 1

看起来好像你在使用Bootstrap 5，但是你是通过这个bundle调用它吗?

cdn.jsdelivr.net/.../bootstrap.bundle.min.js

我问是因为，如果是这样，Popper就包含在那个bundle中，不需要单独调用。我不记得Popper是否影响了Collapse函数，它可能会，因为元素是显示和隐藏的....我现在唯一能想到的是，波普尔可能会接到两次电话，把事情搞砸了。