发表新帖
发表新帖

bootstrap.min.js:6 Uncaught Error: Bootstrap dropdown require Popper.js

后端 未结
关注
12 1941
春和景丽
春和景丽 2020-12-04 18:41

Suddenly I started to get error when I try to open my dropdown menu :

 bootstrap.min.js:6 Uncaught Error: Bootstrap dropdown require Popper.js (https://poppe
相关标签:
12条回答
  • 日久生厌
    2020-12-04 19:30

    In order for Bootstrap Beta to function properly, you must place the scripts in the following order.

    <script src="js/jquery-3.2.1.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
    0 讨论(0)
  • 傲寒
    2020-12-04 19:34

    include popper.js before bootstrap.min.js

    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.0.4/popper.js"></script>

    use this link to get popper

    0 讨论(0)
  • 说谎
    2020-12-04 19:36

    In my case I am using Visual Studio and Nuget packages its failing because have duplicated libraries one in the same folder as jQuery and another in the folder umd. By removing the popper javascript files from the same level as jQuery and refere to the popper.js inside the umd folder fixed my issue and I can see the tooltips correctly.

    0 讨论(0)
  • 一个人的身影
    2020-12-04 19:40

    You need to install popperjs along with bootstrap to get rid of this error.Note that if you are using "bootstrap": "^4.4.1", and @popperjs/core v2.x combinations,bootstrap may not support popperjs version. So downgrade your version.

    Option 1: npm install popper.js@^1.12.9 --save

    and Add following script between jquery and bootstrap scripts.

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

    Option 2: Add following script tag to 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
    0 讨论(0)
  • 忘了有多久
    2020-12-04 19:41

    Bootstrap 4 is not yet a mature tool yet. The part of requiring another plugin to work is even more complicated especially for developers who have been using Bootstrap for a while. I have seen many ways to eliminate the error but not all work for everyone. I think the best and cleanest way to work with Bootstrap 4. Among the Bootstrap installation files, There is one with the name "bootstrap.bundle.js" that already comes with the Popper included.

    0 讨论(0)
  • 一向
    2020-12-04 19:42

    In the introduction of Bootstrap it states which imports you need to add. https://getbootstrap.com/docs/4.0/getting-started/introduction/#quick-start

    You have to add some scripts in order to get bootstrap fully working. It's important that you include them in this exact order. Popper.js is one of them: 

        <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>
    0 讨论(0)
 看不清?
提交回复
热议问题