web-dev-qa-db-fra.com

Comment installer popper.js avec Bootstrap 4?

D'après ce que j'ai lu jusqu'à présent, popper.js est un gros problème avec Bootstrap 4. Je ne peux pas le faire fonctionner. Je continue à avoir cette erreur:

Erreur: la liste déroulante de démarrage nécessite Popper.js ( https://popper.js.org )

J'ai essayé l'installation de CDN et NPM. Même résultat. Au bas de mon fichier HTML, j'ai ceci pour l'installation du 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>

Puis essayé ceci pour le 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>

Des idées que je fais mal?

twitter-bootstrappopper.js
21
4thSpace

https://cdnjs.com/libraries/popper.js ne ressemble pas à une bonne 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

7
Sam Hajari

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.

Pour Bootstrap 4.1

39
Jobayer Ahmmed

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

13
Pawel Nieradka

Pawel et Jobayer a 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
0
Harsha Vardhan

Voici une solution de contournement:

  1. Créez un répertoire js dans le même répertoire que votre index.html
  2. Téléchargez popper.min.js à partir du site suivant dans le répertoire jshttps://github.com/FezVrasta/popper.js#installation

par exemple : https://unpkg.com/popper.js/dist/umd/popper.min.js

  1. Modifiez le src de votre script pour qu'il ressemble à ceci:

    src = "js/popper.min.js"

Notez que vous avez supprimé Popper du contrôle de version npm. Vous devrez donc télécharger les mises à jour manuellement.

0
kmiklas