bootstrap.min.js: 6 Erreur non capturée: la liste déroulante d'amorçage nécessite Popper.js

Question

Soudain, j'ai commencé à avoir une erreur lorsque j'essaie d'ouvrir mon menu déroulant:

  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
 

J'utilise un fichier d'amorçage standard

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

Quelque chose a changé dans le bootstrap je dois prendre soin?

Ordre que je charge des fichiers suit

 <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

Avez-vous lu l'introduction de Bootstrap? https://getbootstrap.com/docs/4.0/getting-started/introduction/#quick-start

Vous devez ajouter des scripts pour que Bootstrap fonctionne pleinement. Il est important que vous les incluiez dans cet ordre exact. Popper.js en fait partie:

     <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

Pour bootstrap 4 et versions ultérieures, utilisez ce fichier:

 /lib/bootstrap/dist/js/bootstrap.bundle.min.js
 

Au lieu de cela:

 /lib/bootstrap/dist/js/bootstrap.min.js
 

Answer 3

Bootstrap 4 n'est pas encore un outil mature. La nécessité de faire fonctionner un autre plug-in est encore plus compliquée, en particulier pour les développeurs qui utilisent Bootstrap depuis un moment. J'ai vu de nombreuses façons d'éliminer l'erreur mais toutes ne fonctionnent pas pour tout le monde. Je pense que la manière la plus propre et la plus propre de travailler avec Bootstrap 4. Parmi les fichiers d’installation de Bootstrap, il en existe un qui porte le nom "bootstrap.bundle.js" et qui est déjà fourni avec le Popper inclus.

Answer 4

inclure popper.js avant bootstrap.min.js https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.0.4/popper.js utilisez ce lien pour obtenir un popper

Answer 5

Pour que Bootstrap Beta fonctionne correctement, vous devez placer les scripts dans l'ordre suivant.

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