web-dev-qa-db-fra.com

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

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?

La commande que je charge les 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>
javascripttwitter-bootstrap
26
Ilya Bibik

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>
40
SeppeDev

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 beaucoup de manières 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" Déjà fourni avec le Popper .

21
HHungria

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>
6
David Salomon Rojas Llaullipom

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

6
Anoop Nockson

Comme souligné ici vous devez utiliser le script du sous-répertoire UMD, dans mon cas 

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

Plus précisément ceci: "~/Scripts/umd/popper.js",

3
William T. Mallard

Dans mon cas, j'utilise Visual Studio et les packages Nuget, car ils échouent parce que des bibliothèques sont dupliquées, l'une dans le même dossier que jQuery et l'autre dans le dossier umd. En supprimant les fichiers javascript popper du même niveau que jQuery et en se référant au fichier popper.js situé dans le dossier umd, mon problème a été corrigé et je peux voir les info-bulles correctement.

1
mbadeveloper