如果我使用bootstrap.bundle.js,为什么Popper无法独立工作

问题描述

我了解Bootstrap 4需要Popper,并且如果我使用bootstrap.bundle.js,Bootstrap将在需要Popper的各种功能中正常运行。但是,如果我想独立使用Popper,则会收到“未定义Popper”错误。为什么会这样?

显而易见的解决方法是先包含popper.js,然后包含bootstrap.js(不包含popper)。如果我在页面中包含popper.js,则popper会按预期工作。显然,我宁愿只包含一个文件,并使两个库分别工作或组合工作。

解决方法

Popper.js 被认为是Bootstrap 4所必需的,但是,如果您不需要工具提示,弹出窗口,下拉菜单或模式,则仍可以使用不带Popper的Bootstrap 4 JS。如果您使用 bootstrap.bundle.js bootstrap.bundle.min.js 而不是 bootstrap.js 或 bootstrap.min.js 。

要回答您的问题:
这是因为bootstrap.bundle。*库内部包含popper,但不是独立包含

提示:当您可以通过Bootstrap使用Popper时,除非您不想完全使用Bootstrap,否则我看不出有充分的理由尝试单独使用Popper。您还可以使用一些自定义函数来使Popper.js变得可访问,就好像它不是Bootstrap的一部分;)