question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Pack Popper.js to the main JS file

See original GitHub issue

I’m using the ES6 import syntax to import bootstrap and popper.js but I always get the error message, that Bootstrap needs popper.js as a dependency. This happens because popper.js is loaded after bootstrap.

Changing the input oder in the js file does not help.

How can I set popper.js as a dependency for bootstrap?

PS: I’m using browserify to handle the packaging.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:2
  • Comments:13 (3 by maintainers)

github_iconTop GitHub Comments

8reactions
Johann-Scommented, Sep 8, 2017

Closed thanks to this PR (https://github.com/twbs/bootstrap/pull/23735) which include Popper.js inside Bootstrap, so in our next release use bootstrap.bundle.js or bootstrap.bundle.min.js

8reactions
shayneoAtNorwoodcommented, Aug 29, 2017

Personally I think the popper.js dependency is a big mistake. Its tripped a few folks I know now and up until today I couldnt quite figure it out. The problem is for us north of the wall freefolk who just use <script> includes and dont go beyond jquery the whole ES6 things a total headscratcher. I have no idea how to set up a gulp or whatever pipeline with ES6 babble and all the other guff. Hell, even SASS confuses me a bit. I’m your average user!

If it cant be integrated in, perhaps at least some documentation in the getting started section on how to include the UMD version (I think? Thats how I managed to blunder into getting it to work) of popper.js to make stuff work again, because as it stands, its pretty damn confusing.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to import popper.js? - Stack Overflow
Ways to get popper.js: Package, CDN, and Local file. The best way depends on whether you have a project with a package manager...
Read more >
Popper (v2.×)
Positioning tooltips and popovers is difficult. Popper is here to help! Popper is the de facto standard to position tooltips and popovers in...
Read more >
How to install and use Bootstrap, jQuery and popper.JS with ...
I am using a VS code for this tutorial. You can use any code editor as per your choice. Now, create a directory...
Read more >
How Understrap been imported the popper.js into the roolup.js ...
js imported the library in rollup.config.js and how it include in the compiled file? does popper.js is part of the bootstrap compilation? Then...
Read more >
Parcel · Bootstrap v5.1
Install bootstrap as a Node.js module using npm. Bootstrap depends on Popper, which is specified in the peerDependencies property.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found