twitter-bootstrap - tooltips - popper js map

¿Cómo instalar popper.js con Bootstrap 4?

Question

Por lo que he leído hasta ahora, popper.js es un gran dolor con Bootstrap 4. No puedo hacerlo funcionar. Sigo recibiendo este error:

Error: Bootstrap desplegable requiere Popper.js ( https://popper.js.org )

He intentado la instalación de CDN y NPM. Mismo resultado En la parte inferior de mi archivo HTML, tengo esto para la instalación de NPM:

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

Entonces intenté esto para el CDN:

<script src="/js/jquery.min.js"></script>
<script src="/js/tether.min.js"></script>
<script src="https://cdnjs.com/libraries/popper.js"></script>
<script src="/js/bootstrap.min.js"></script>

¿Alguna idea de lo que estoy haciendo mal?

Answer 1

Aquí hay una solución alternativa:

1. Cree un directorio js en el mismo directorio que su index.html
2. Descargue popper.min.js del siguiente sitio en dicho directorio js https://github.com/FezVrasta/popper.js#installation

por ejemplo: https://unpkg.com/popper.js/dist/umd/popper.min.js

2. Cambie la fuente de su script para que se vea así:

   src = "js / popper.min.js"

Tenga en cuenta que ha eliminado a Popper del control de versión npm , por lo que deberá descargar las actualizaciones manualmente.

Answer 2

Bootstrap 4 tiene dos dependencias: jQuery 1.9.1 y popper.js 1.12.3. Cuando instala Bootstrap 4, necesita instalar estas dos dependencias.

• Instale popper.js: npm install popper.js@^1.12.3 --save
• Instale jQuery: npm install [email protected] --save
• Instale Bootstrap: npm install [email protected] --save

Para Bootstrap 4.1

• npm install popper.js@^1.14.3 --save
• npm install [email protected] --save
• npm install [email protected] --save

Answer 3

Intenta hacer esto:

npm install bootstrap jquery popper.js --save

Vea esta página para obtener más información: how-to-include-bootstrap-in-your-project-with-webpack

Answer 4

https://cdnjs.com/libraries/popper.js no se parece a un src correcto para popper, no especifica el archivo

con bootstrap 4 estoy usando esto

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

y funciona perfectamente bien, pruébalo

Answer 5

Pawel y Jobayer ya han mencionado cómo instalar popper.js a través de npm.

Si está utilizando el administrador de paquetes front-end como Bower. usa el siguiente comando

bower install popper.js --save