Comment installer popper.js avec Bootstrap 4?

<!-D'après ce que j'ai lu jusqu'à présent, popper.js est une grosse plaie avec Bootstrap 4. Je ne peux pas le faire fonctionner. Je reçois cette erreur:

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

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

Ensuite essayé ce pour CA:

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

N'importe quelles idées ce que je fais de mal?

15
demandé sur 4thSpace 2017-10-31 19:07:21

5 réponses

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

avec bootstrap 4 j'utilise ceci 

<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 il fonctionne parfaitement bien, lui donner un essai

2
répondu Sam Hajari 2017-10-31 17:52:19

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.

  • installer popper.js:npm install popper.js@^1.12.3 --save
  • Installer jQuery: npm install jquery@1.9.1 --save
  • Installer Le Fichier De Démarrage: 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
24
répondu Jobayer Ahmmed 2018-06-03 10:04:08

essaye ceci:

npm install bootstrap jquery popper.js --save

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

10
répondu Pawel Nieradka 2018-04-13 23:05:25

Ici est un travail autour de:

  1. Créer un js répertoire dans le même répertoire que votre index.html
  2. télécharger popper.min.js à partir du site suivant en dit js annuaire https://github.com/FezVrasta/popper.js#installation

e.g.: https://unpkg.com/popper.js/dist/umd/popper.min.js

  1. changez le src de votre script pour ressembler à ceci:

    src= " js / popper.min.js"

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

1
répondu kmiklas 2018-09-19 20:07:18

Pawel et Jobayer a déjà mentionné comment installer popper.js via npm.

Si vous utilisez front-end gestionnaire de paquets comme bower. utilisez la commande suivante

bower install popper.js --save
0
répondu Harsha Vardhan 2018-08-22 17:57:36