首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >bootstrap.min.js:6未捕获错误:引导下拉列表需要Popper.js

bootstrap.min.js:6未捕获错误:引导下拉列表需要Popper.js
EN

Stack Overflow用户
提问于 2017-08-13 23:18:38
回答 12查看 162.6K关注 0票数 75

当我尝试打开我的下拉菜单时,突然开始出错:

代码语言:javascript
复制
 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">

bootstrap中有什么我需要注意的变化吗?

我加载文件的顺序如下

代码语言:javascript
复制
<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>
EN

回答 12

Stack Overflow用户

发布于 2017-08-13 23:23:20

在Bootstrap的介绍中,它说明了您需要添加哪些导入。https://getbootstrap.com/docs/4.0/getting-started/introduction/#quick-start

您必须添加一些脚本才能使bootstrap完全工作。重要的是,你要按照这个顺序来包含它们。Popper.js就是其中之一:

代码语言:javascript
复制
    <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>
票数 102
EN

Stack Overflow用户

发布于 2019-04-08 01:48:31

而不是:

代码语言:javascript
复制
js/bootstrap.min.js

使用:

代码语言:javascript
复制
js/bootstrap.bundle.min.js
票数 86
EN

Stack Overflow用户

发布于 2017-11-26 06:08:52

Bootstrap 4还不是一个成熟的工具。需要另一个插件才能工作的部分甚至更复杂,特别是对于已经使用Bootstrap一段时间的开发人员。我已经看到了许多消除错误的方法,但并不是所有的方法都适用于每个人。在Bootstrap安装文件中,有一个名为"bootstrap.bundle.js"的安装文件,它已经包含了Popper。

票数 33
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45661863

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档