Comment utiliser Popper.js avec Bootstrap 4 beta
Je suis de la vieille école, j'ai donc téléchargé le code source de 1.12.0 et alors le suivant:
<script src="/popper.js-1.12.0/dist/popper.js"></script>
<script src="/bootstrap-4.0.0-beta/dist/js/bootstrap.js"></script>
Mais je suis arriver:
Uncaught SyntaxError: Unexpected token export
sur la ligne 2294
où il est dit:
export default Popper;
Vous devez vous connecter pour publier un commentaire.
Vous souhaitez utiliser la distance de la cible spécifiée dans le
package.json
fichierprincipal
entrée.Dans ce cas, vous êtes à la recherche pour le
umd
construire (dist/umd/popper.js
)Ce qui est de l'UMD?
Cela signifie qu'un UMD bundle peut être chargé via
<script>
tag et obtenir injecté à l'intérieur de la portée globale (window
), mais aussi le travail, si nécessaire avec un CommonJS chargeur comme RequireJS.Popper nécessite que vous utilisez le fichier sous le umd chemin avec Bootstrap 4.
L'une de ces CA les versions de travail:
https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.5/umd/popper.js
https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.5/umd/popper.min.js
D'autres réponses/commentaires parler de la version, cependant, le problème n'est pas lié à la production de versions.
Ce n'est jamais une mauvaise pratique à utiliser Bootstrap de l'exemple de popper, y compris car il devrait toujours fonctionner. Bootstrap 4 du recommande désormais de popper 1.11 qui est un choix sécuritaire, cependant la version 1.12.5 devrait fonctionner très bien.
Note: Pourquoi la confusion avec umd, mes, et de plain ol' popper fichiers? L'intention est flexible module de l'emballage, mais en réalité, il pourrait être plus simple. Ce post explique certains des problèmes avec les nouveaux types de module.
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha256-98vAGjEDGN79TjHkYWVD4s87rvWkdWLHPs5MC3FvFX4=" crossorigin="anonymous"></script>
Assurez-vous d'utiliser le Popper.js version référencée dans le Bootstrap docs.
https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js
https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.4/umd/popper.min.js
œuvres,https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.4/popper.min.js
ne l'est pas.Que par la popper docs:
J'ai eu le même problème. Essayé différentes approches, mais celui-ci a fonctionné pour moi.
Lire l'instruction de la http://getbootstrap.com/.
Copie de la CAN des liens (jQuery, Popper et Bootstrap) dans le même ordre (c'est important) comme donné.
Suffit d'utiliser bootstrap du bundle version et votre bonne!
Comme par Fès Vrasta.
Si la récupération de popper via NuGet Package Manager au sein de Visual Studio assurez-vous que votre popper.js script chemin de référence est l'aide de l' umd dossier:
MVC ASP.Net BundleConfig exemple:
Direct de script exemple de référence:
Des Conteneurs Distincts:
Si vous avez suivi les acceptée réponse et votre outil-conseils sont toujours au mauvais endroit, il pourrait être parce que vous avez un conteneur différent pour chaque outil de pointe.
Je voudrais essayer ce pour permettre à l'outil de pointe pour être placé à proximité du parent de l'élément:
Essayer vous-même sur jsfiddle.