【问题标题】:Why does Popper not work independently if I use bootstrap.bundle.js如果我使用 bootstrap.bundle.js,为什么 Popper 不能独立工作
【发布时间】:2020-12-02 09:01:14
【问题描述】:
我知道 Bootstrap 4 需要 Popper,如果我使用 bootstrap.bundle.js,Bootstrap 将在需要 Popper 的各种功能的地方顺利运行。但是,如果我想独立使用 Popper,我会收到“未定义 Popper”错误。这是为什么呢?
显而易见的解决方法是先包含 popper.js,然后包含 bootstrap.js(不包含 popper)。如果我在我的页面中包含 popper.js,我的 popper 会按预期工作。显然,我宁愿只包含一个文件,并让两个库单独和组合工作。
【问题讨论】:
标签:
javascript
bootstrap-4
popper.js
【解决方案1】:
Popper.js 声明为 Bootstrap 4 所必需的,但是,如果您不需要工具提示、弹出框、下拉菜单或模式,您仍然可以在没有 Popper 的情况下使用 Bootstrap 4 JS。如果您使用 bootstrap.bundle.js 或 bootstrap.bundle.min.js 而不是 bootstrap.js 或 bootstrap.min.js.
回答您的问题:
这是因为 bootstrap.bundle.* 库内部包含 popper,但不是独立的
提示:除非您不想完全使用 Bootstrap,否则当您可以通过 Bootstrap 使用 Popper 时,我看不出有充分的理由尝试独立使用它。您还可以使用一些自定义函数来使 Popper.js 可访问,就好像它不是 Bootstrap 的一部分一样;)