发表新帖
发表新帖

Bootstrap 4: Uncaught ReferenceError: Popper is not defined

后端 未结
关注
8 1045
猫巷女王i
猫巷女王i 2020-11-27 17:23

I\'ve installed Bootstrap 4 using Node and Gulp and when running the application I get the following error

Uncaught ReferenceError: Popper is not def

相关标签:
8条回答
  • 感动是毒
    2020-11-27 17:47

    I had the same. I'm on Rails and i followed bootstrap 4 gem installation from https://github.com/twbs/bootstrap-rubygem. I just make popper requirement in application.js first, like this : 

    //= require popper
//= require jquery3
//= require jquery_ujs
//= require bootstrap-sprockets
//= require bootstrap
    0 讨论(0)
  • 别那么骄傲
    2020-11-27 17:50

    Since our Bootstrap beta 2 release, we added two new dist files : bootstrap.bundle.js and bootstrap.bundle.min.js which contain Popper.js inside

    Plus use this link to find the latest release of Popper.js : https://cdnjs.com/libraries/popper.js because the above linked release (1.8.2) is very old, latest is 1.12.9

    BTW you should choose the UMD release of Popper.js because it's the one used by Bootstrap

    0 讨论(0)
  • 长发绾君心
    2020-11-27 17:50

    1-Copy code on this page: https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js

    2-Past on new file and save on this name (popper.min.js)

    3-Add script on html before bootstrap script:

    <script src="popper.min.js"></script>
<script src="bootstrap.js"></script>
    0 讨论(0)
  • 北恋
    2020-11-27 17:52

    I had the same issue and have been playing around with it for half a day over a simple carousel. Safari on Mac didn't give feedback properly in that there is a priority on libraries:

        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.6/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>

    Reviewing the error I ran across "You need JQ before BS for this to work", so I tried it, also putting Popper before BS.

    So I have all of these in my <head> and boom it worked.

    0 讨论(0)
  • 旧巷少年郎
    2020-11-27 17:54

    In my case it turned out that the popper.js script should be called before bootstrap.js.

    <script src="https://../popper.js/1.12.3/umd/popper.min.js"></script>
<script src="https://../bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>
    0 讨论(0)
  • 一向
    2020-11-27 18:02

    Use bootstrap.bundle.js that already has popper.js NPM path 'bootstrap/dist/js/bootstrap.bundle.js'.

    0 讨论(0)
 看不清?
提交回复
热议问题