Rails 5 - Uncaught Error: Bootstrap dropdown require Popper.js

Question

So, I was struggling at the last few hours about getting my bootstrap navbar to work in my rails 5.1.3 app. No success. I found a console error saying

Uncaught Error: Bootstrap dropdown require Popper.js

I was aware that bootstrap was dropping tether in favour of popper.js. I added it to the Gemfile

gem 'popper_js', '~> 1.11', '>= 1.11.1'

and it did nothing. Added to the application.js like this

//= require popper

and still nothing. After a while, I bumped into Joshua Colvin's answer about popper.js in Angular. After moving the popper line up in the code, like this

//= require popper
//= require turbolinks
//= require bootstrap

And got it to work. I wanted to share this to the community because it is a pretty recent topic and was very hard to find this fix. Hope this helps a lot of coders ;)

You should add this as an answer to your post so you get more points and so it's more obvious there is an answer to your "question". It was really helpful though, thanks. — Arel
– Arel, Commented Sep 1, 2017 at 6:56

H.Elsayed · Accepted Answer · 2017-10-07 19:51:29Z

16

Just add require popper before turbolinks and bootstrap like you said in the question

//= require popper
//= require turbolinks
//= require bootstrap

answered Oct 7, 2017 at 19:51

H.Elsayed

4302 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Rails 5 - Uncaught Error: Bootstrap dropdown require Popper.js

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related