Comment installer popper.js avec Bootstrap 4?

Question

De ce que j'ai lu jusqu'à présent, popper.js est une grande douleur avec Bootstrap 4. Je ne peux pas le faire fonctionner. Je reçois cette erreur:

Erreur: Bootstrap déroulant besoin Popper.js (https://popper.js.org)

J'ai essayé de la CAN et NPM install. Même résultat. Dans le fond de mon fichier HTML, j'ai ceci pour le NPM install:

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

Puis essayé pour la CAN:

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

Les idées de ce que je fais mal?

Answer 1

Bootstrap 4 a deux dépendances: jQuery 1.9.1 et popper.js 1.12.3. Lorsque vous installez Bootstrap 4, vous devez installer ces deux dépendances.

• Installez popper.js: npm install popper.js@^1.12.3 --save
• Installez jQuery: npm install jquery@1.9.1 --save
• Installer Bootstrap: npm install bootstrap@4.0.0-beta.2 --save

Pour Bootstrap 4.1

• npm install popper.js@^1.14.3 --save
• npm install jquery@3.3.1 --save
• npm install bootstrap@4.1.1 --save

Answer 2

https://cdnjs.com/libraries/popper.js ne ressemble pas à un droit src pour popper, il ne spécifie pas le fichier

avec bootstrap 4 j'utilise cette

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

et cela fonctionne parfaitement bien, essayez-le

Answer 3

Essayez de faire ceci:

 npm install bootstrap jquery popper.js --save
 

Voir cette page pour plus d'informations: comment-inclure-bootstrap-dans-votre-projet-avec-webpack

Answer 4

J'ai eu des problèmes pour l'installer Bootstrap ainsi, j'ai donc fait:

Installer popper.js: npm install popper.js@^1.12.3 --save

Installer jQuery: npm install jquery@1.9.1 --save

Ensuite, j'ai eu un haut niveau de gravité de la vulnérabilité de message lors de l'installation jquery@1.9.1 et reçu ce message:

exécutez npm audit fix pour les fixer, ou npm audit pour plus de détails

Donc, je n' npm audit fix, et après une autre npm audit fix --force il installé avec succès!

Answer 5

Pawel et Jobayer ont déjà indiqué comment installer popper.js via npm.

Si vous utilisez un gestionnaire de paquets frontal comme Bower. utilisez la commande suivante

 bower install popper.js --save