Bootstrap 4: Uncaught ReferenceError: Popper n'est pas défini

Question

Bootstrap 4: Uncaught ReferenceError: Popper n'est pas défini

Demandé el 26 de Octobre, 2017: Quand la question a-t-elle été
52876 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

J'ai installé Bootstrap 4 l'aide d'un Noeud et Gulp et lors de l'exécution de l'application, j'obtiens l'erreur suivante

Uncaught ReferenceError: Popper n'est pas défini

J'ai seulement été en utilisant le Bootstrap système de grille jusqu'à présent et je n'ai pas utilisé tout ce qui pourrait nécessiter le Bootstrap JS. Me ressemble Bootstrap manque de quelque chose ou je n'ai pas installé correctement (pour être honnête, c'est probablement moi) - quelqu'un d'autre a rencontré le même problème ou connaissez un correctif à tous?

Demandé el 26 de Octobre, 2017 par Web Develop Wolf

Answer 1

5 Réponses

Answer 2

64voto

Johann-S Points 948

Depuis notre Bootstrap version bêta 2, nous avons ajouté deux nouveaux dist fichiers : bootstrap.bundle.js et bootstrap.bundle.min.js qui contiennent Popper.js à l'intérieur de

En Plus d'utiliser ce lien pour trouver la dernière version de Popper.js : https://cdnjs.com/libraries/popper.js parce que le ci-dessus liés à libération (1.8.2) est très ancienne, la plus récente est 1.12.9

BTW, vous devez choisir la version UMD de Popper.js parce que c'est celui utilisé par Bootstrap

Répondu el 27 de Octobre, 2017 par Johann-S (948 Points )

Answer 3

25voto

Anuj Dhanju Points 463

Utilisez bootstrap.bundle.js pour lequel le chemin d' accès NPM 'bootstrap / dist / js / bootstrap.bundle.js' est déjà présent dans popper.js .

Répondu el 3 de Novembre, 2017 par Anuj Dhanju (463 Points )

Answer 4

22voto

Euripides Georgantzos Points 346

Pour ceux qui luttent avec ce problème sur Webpack: Dans votre fichier d’entrée,
import 'bootstrap' donne l'erreur. Vous devez supprimer cela et le remplacer par import 'bootstrap / dist / js / bootstrap.bundle.js'

Cela suffit et vous n'avez pas besoin d'importer Popper séparément. Cela s’applique à bootstrap 4.0.0.beta2

Répondu el 21 de Novembre, 2017 par Euripides Georgantzos (346 Points )

Answer 5

15voto

Abdelsalam Shahlol Points 468

Dans mon cas, il est apparu que le script popper.js devait être appelé avant 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>

Répondu el 7 de Novembre, 2017 par Abdelsalam Shahlol (468 Points )

Answer 6

6voto

Rich_F Points 485

J'ai eu le même problème et je l'ai joué pendant une demi-journée sur un simple carrousel. Safari sur Mac n'a pas donné de retour d'information en ce sens qu'il y a une priorité sur les bibliothèques:

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

En examinant l'erreur, j'ai rencontré "Vous avez besoin de JQ avant BS pour que cela fonctionne", alors je l'ai essayé, en mettant aussi Popper avant BS.

Donc, j'ai tout cela dans mon <head> et ça a fonctionné.

Répondu el 7 de Décembre, 2017 par Rich_F (485 Points )

Bootstrap 4: Uncaught ReferenceError: Popper n'est pas défini

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

Bootstrap 4: Uncaught ReferenceError: Popper n'est pas défini

Réponses

Questions connexes

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: