How to install popper.js with Bootstrap 4?

Question

From what I've read so far, popper.js is a big pain with Bootstrap 4. I can't get it to work. I keep getting this error:

Error: Bootstrap dropdown require Popper.js (https://popper.js.org)

I've tried the CDN and NPM install. Same result. At the bottom of my HTML file, I have this for the 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> 

Then tried this for the 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> 

Any ideas what I'm doing wrong?

Answer 1

Bootstrap 4 has two dependencies: jQuery 1.9.1 and popper.js 1.12.3. When you install Bootstrap 4, you need to install these two dependencies.

• Install popper.js: npm install popper.js@^1.12.3 --save
• Install jQuery: npm install [email protected] --save
• Install Bootstrap: npm install [email protected] --save

For Bootstrap 4.1

• npm install popper.js@^1.14.3 --save
• npm install [email protected] --save
• npm install [email protected] --save

Answer 2

https://cdnjs.com/libraries/popper.js does not look like a right src for popper, it does not specify the file

with bootstrap 4 I am using this

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

and it is working perfectly fine, give it a try