Bootstrap，即使在导入 bootstrap 包后，Popper 也丢失了答案

【问题标题】：Bootstrap, Popper is missing even after importing bootstrap bundleBootstrap，即使在导入 bootstrap 包后，Popper 也丢失了
【发布时间】：2018-05-20 06:53:47
【问题描述】：

我正在努力使用 bootstrap4。我已导入已包含 popper.js 的 bootstrap.bundle.js。

但无论如何我都会收到以下错误：

Uncaught ReferenceError: Popper is not defined

包括结构

<script type="text/javascript" src=".../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src=".../js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src=".../js/bootstrap.min.js"></script>

【问题讨论】：

你在哪里包含显示一些代码，或者你调用一个缺少库的函数或低于该函数

标签： javascript twitter-bootstrap bootstrap-modal bootstrap-4

【解决方案1】：

bootstrap.bundle.js 或 bootstrap.bundle.min.js 包含 Bootstrap + Popper.js 所以你只需要包含 jQuery 和 Bootstrap Bundle 就可以了

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>   
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.bundle.min.js" integrity="sha384-3ziFidFTgxJXHMDttyPJKDuTlmxJlwbSkojudK/CkRqKDOmeSbN6KLrGdrBQnT2n" crossorigin="anonymous"></script>

【讨论】：

【解决方案2】：

将popper.min.js 添加到您的文件中

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>

【讨论】：

我不认为这是一个解决方案。显然这有效，但它只是导入了两次资源。正如您在 Bootstrap 官方博客中看到的那样，该包已经包含 popper.js - blog.getbootstrap.com/2017/10/19/bootstrap-4-beta-2