Question

当我尝试打开下拉菜单时突然发现错误：

 bootstrap.min.js:6 Uncaught Error: Bootstrap dropdown require Popper.js (https://popper.js.org)
        at bootstrap.min.js:6
        at bootstrap.min.js:6
        at bootstrap.min.js:6

我正在使用标准引导程序文件

<script src="https://getbootstrap.com/dist/js/bootstrap.min.js">

引导程序有什么变化我必须要小心吗？

订单我正在加载文件

<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script src="{{ STATIC_URL }}/static/jquery/jquery-1.9.1.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="{{ STATIC_URL }}/static/jquery/jquery-ui.js"></script>




<script src="https://getbootstrap.com/dist/js/bootstrap.min.js"></script>
<!-- Just to make our placeholder images work. Don't actually copy the next line! -->
<script src="https://getbootstrap.com/assets/js/vendor/holder.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="https://getbootstrap.com/assets/js/ie10-viewport-bug-workaround.js"></script>

Answer 1

您是否阅读过Bootstrap的介绍？ https://getbootstrap.com/docs/4.0/getting-started/introduction/#quick-start

您必须添加一些脚本才能使引导程序完全正常工作。按照这个确切的顺序包含它们非常重要。 Popper.js就是其中之一：

    <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://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>

Answer 2

Bootstrap 4还不是一个成熟的工具。需要另一个插件工作的部分甚至更复杂，特别是对于已经使用Bootstrap一段时间的开发人员。我已经看到很多方法可以消除错误，但不是所有人都能解决。我认为使用Bootstrap 4的最佳和最干净的方法。在Bootstrap安装文件中，有一个名称为 “bootstrap.bundle.js” 包括波普尔在内已经有了。

Answer 3

为了使Bootstrap Beta正常运行，您必须按以下顺序放置脚本。

<script src="js/jquery-3.2.1.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>

Answer 4

在bootstrap.min.js之前包含popper.js https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.0.4/popper.js 使用此链接获取popper

Answer 5

对于引导程序4和更高版本，请使用以下文件：

<<EOF>>

代替此：

JTextArea

Answer 6

正如所指出的那样here你必须使用UMD子目录中的脚本，就我而言

        bundles.Add(new ScriptBundle("~/bundles/projectbundle").Include(
            "~/Scripts/umd/popper.js",
            "~/Scripts/bootstrap.js",
            "~/Scripts/respond.js",
            "~/Scripts/summernote-bs4.js"));

特别是：＆＃34;〜/ Scripts / umd / popper.js＆＃34;，

Answer 7

我在MVC项目中遇到了这个问题，这是我如何解决的问题。

打开 BundleConfig.cs
查找：

bundles.Add（新ScriptBundle（“〜/ bundles / bootstrap”）。Include（“〜/ Scripts / bootstrap.js”）））;

更改为：
```
bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include("~/Scripts/bootstrap.bundle.min.js"));
```

这将设置捆绑文件加载。它已经是正确的顺序。您只需要确保在视图中呈现此包即可。

Answer 8

您需要与引导程序一起安装popperjs才能消除此错误。请注意，如果您使用的是“ bootstrap”：“ ^ 4.4.1”和@ popperjs / core v2.x组合，则引导程序可能不支持popperjs版。因此，请降级您的版本。

选项1： npm install popper.js@^1.12.9 --save

并在jquery和bootstrap脚本之间添加以下脚本。

"node_modules/popper.js/dist/umd/popper.min.js"，

选项2：将以下脚本标记添加到index.html

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script

Answer 9

在我的情况下，我使用Visual Studio和Nuget将其失败，因为在jQuery和jm文件夹中有一个与jQuery相同的文件夹。通过从与jQuery相同的级别删除popper javascript文件并引用umd文件夹中的popper.js修复了我的问题，我可以正确地看到工具提示。

Answer 10

在将.html模板移至wordpress模板时，我发现此“需要波普尔”定期弹出：）

发生这种情况的两个原因：控制台错误可能是欺骗性的：

控制台中的错误可以将您发送到错误的路径。可能不是真正的问题。对我而言，第一个原因是订单，您已在其中设置了要加载的.js文件。在html easy中，以与主题模板相同的顺序放置它们。在Wordpress中，您需要以正确的顺序将它们排入队列，但是如果它们没有以正确的顺序出现，还需要设置优先级，
第二件事是页眉或页脚中的.js文件。将他们移到页脚可以解决问题-经过一天的调试工作，它为我完成了任务。通常并不重要，但是对于具有许多js库的复杂页面，可能会！

Answer 11

我遇到了同样的错误，只是想分享我的解决方案。事实证明，缩小版的popper的代码与注释在同一行，因此整个代码都被注释掉了。我只是在实际评论后按Enter键，所以代码在新的一行上，然后工作正常。

Answer 12

我遇到了这个问题，然后将下拉菜单放入了nav标签。这样为我工作。

bootstrap.min.js：6 Uncaught Error：Bootstrap下拉列表需要Popper.js

12 个答案: