webentwicklung-frage-antwort-db.com.de

Bootstrap 4: Nicht gefundener ReferenceError: Popper ist nicht definiert

Ich habe Bootstrap 4 mit Node und Gulp installiert und beim Ausführen der Anwendung erhalte ich die folgende Fehlermeldung 

Nicht abgerufener ReferenceError: Popper ist nicht definiert

Ich habe bisher nur das Bootstrap-Grid-System verwendet und nichts verwendet, für das der Bootstrap JS erforderlich wäre. Sieht aus, als würde Bootstrap etwas vermissen oder ich habe es nicht richtig installiert (um ehrlich zu sein, wahrscheinlich ich): Hat jemand anderes das gleiche Problem oder eine Lösung gefunden? 

47

Seit unserer Bootstrap-Betaversion 2 haben wir zwei neue dist-Dateien hinzugefügt: bootstrap.bundle.js und bootstrap.bundle.min.js, die Popper.js enthalten

Verwenden Sie diesen Link, um die neueste Version von Popper.js zu finden: https://cdnjs.com/libraries/popper.js , da die oben verlinkte Version (1.8.2) sehr alt ist, der letzte ist 1.12.9

Übrigens sollten Sie die UMD-Version von Popper.js wählen, da diese von Bootstrap verwendet wird

47
Johann-S

Verwenden Sie bootstrap.bundle.js, das bereits popper.js NPM-Pfad 'bootstrap/dist/js/bootstrap.bundle.js' enthält.

21
Anuj Dhanju

Für diejenigen, die mit diesem Problem auf Webpack zu kämpfen haben: In Ihrer Eingabedatei
import 'bootstrap' gibt den Fehler aus. Sie müssen das entfernen und durch import 'bootstrap/dist/js/bootstrap.bundle.js' ersetzen.

Dies ist ausreichend und Sie müssen Popper nicht separat importieren. Dies gilt für Bootstrap 4.0.0.beta2

15

In meinem Fall stellte sich heraus, dass das Skript popper.js vor bootstrap.js aufgerufen werden sollte.

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

Ich hatte das gleiche Problem und habe mit einem einfachen Karussell einen halben Tag damit rumgespielt. Safari auf dem Mac hat kein korrektes Feedback gegeben, da Bibliotheken Priorität haben:

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

Nachdem ich den Fehler durchgesehen hatte, stieß ich auf "Sie benötigen JQ vor BS, damit dies funktioniert", also habe ich es versucht und auch Popper vor BS gesetzt. 

Also habe ich alle diese in meinem <head> und boom es hat funktioniert. 

3
Rich_F

1-Code auf dieser Seite kopieren: https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js

2-Past in der neuen Datei und unter diesem Namen speichern (popper.min.js)

3-Add Skript in HTML vor dem Bootstrap-Skript:

<script src="popper.min.js"></script>
<script src="bootstrap.js"></script>
1
G. Hamza

Ich hatte das gleiche Ich bin auf Rails und habe Bootstrap 4 gem Installation von https://github.com/twbs/bootstrap-rubygem gefolgt. Ich mache zuerst eine Popper-Anforderung in application.js, wie folgt: 

//= require popper
//= require jquery3
//= require jquery_ujs
//= require bootstrap-sprockets
//= require bootstrap
1
Maxime Boué