Rails 5 - 未捕获错误:Bootstrap下拉菜单需要Popper.js

22

所以,在最后几个小时里,我在我的Rails 5.1.3应用程序中努力让我的Bootstrap导航栏工作。没有成功。我发现控制台错误显示:

未捕获的错误:Bootstrap dropdown需要Popper.js

我意识到Bootstrap正在放弃tether而转向popper.js。我将其添加到了Gemfile中。

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

但它并没有起到任何作用。像这样将其添加到application.js中:

//= require popper

仍然没有任何反应。过了一会儿,我偶然发现Joshua Colvin提供的有关Angular中popper.js的答案。在将popper代码行上移后,就像这样:

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

搞定了。我想与社区分享这个解决方法,因为这是一个相当新的话题,而且很难找到这个修复方法。希望这能帮助很多开发者 ;)


3
你应该将这个回答添加到你的帖子中,这样你就可以获得更多积分,并且更明显地显示你有一个“答案”了。虽然很有帮助,谢谢。 - Arel
1个回答

16

按照你在问题中所说的,在 turbolinks 和 bootstrap 之前添加 require popper 即可。

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

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接