javascript - not - Bootstrap 4: Error de referencia no capturado: Popper no está definido
popper.js npm (7)
He instalado Bootstrap 4 usando Node and Gulp y cuando ejecuto la aplicación me sale el siguiente error
Error de referencia no capturado: Popper no está definido
Solo he estado usando el sistema de cuadrícula Bootstrap hasta ahora y no he usado nada que requiera el Bootstrap JS. Me parece que a Bootstrap le falta algo o no lo he instalado correctamente (para ser sincero, probablemente soy yo). ¿Alguien más se ha encontrado con el mismo problema o conoce alguna solución?
1-Copie el código en esta página: https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js
2-Past en el nuevo archivo y guardar en este nombre (popper.min.js)
3-Agregar script en html antes del script de arranque:
<script src="popper.min.js"></script>
<script src="bootstrap.js"></script>
Desde nuestra versión Bootstrap beta 2, agregamos dos nuevos archivos dist:
bootstrap.bundle.js
y
bootstrap.bundle.min.js
que contienen
Popper.js
dentro
Además, use este enlace para encontrar la última versión de Popper.js: https://cdnjs.com/libraries/popper.js porque la versión vinculada anterior (1.8.2) es muy antigua, la última es 1.12.9
Por cierto, debe elegir la versión UMD de Popper.js porque es la utilizada por Bootstrap
En mi caso, resultó que el script popper.js debería llamarse antes de 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>
Para aquellos que luchan con este problema en Webpack: en su archivo de entrada,
import ''bootstrap''
da el error.
Debe eliminar eso y reemplazarlo con la
importación ''bootstrap / dist / js / bootstrap.bundle.js''
Esto es suficiente y no necesita importar Popper por separado. Eso aplica para bootstrap 4.0.0.beta2
Tuve el mismo problema y he estado jugando con él durante medio día en un carrusel simple. Safari en Mac no dio comentarios correctamente porque hay una prioridad en las bibliotecas:
<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>
Revisando el error me encontré con "Necesitas JQ antes de BS para que esto funcione", así que lo probé, también colocando a
Popper
antes de BS.
Así que tengo todo esto en mi
<head>
y boom funcionó.
Utilice bootstrap.bundle.js que ya tiene la ruta NPM de popper.js ''bootstrap / dist / js / bootstrap.bundle.js'' .
Yo tuve lo mismo. Estoy en Rails y seguí la instalación de la gema bootstrap 4 desde https://github.com/twbs/bootstrap-rubygem . Solo hago el requisito de popper en application.js primero, así:
//= require popper
//= require jquery3
//= require jquery_ujs
//= require bootstrap-sprockets
//= require bootstrap