【问题标题】: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.jsbootstrap.bundle.min.js 而不是 bootstrap.js 或 bootstrap.min.js.

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-08-09
      • 1970-01-01
      • 2018-06-12
      • 1970-01-01
      • 2021-08-08
      相关资源
      最近更新 更多