Question

我的rails应用程序停止加载css文件并返回如下错误：

".add_icon" failed to @extend ".fa-plus-circle".
The selector ".fa-plus-circle" was not found.
Use "@extend .fa-plus-circle !optional" if the extend should be able to fail.

我的js和css没有正确加载，根据建议我只是尝试使用gem 'jquery-turbolinks'升级turbo链接

如果我从js注释掉gem和gem文件，应用程序就会开始工作，但是如果没有页面刷新就不会加载我的资源。

我被迫重新加载我的页面。

我的js看起来像：

//= require jquery.min
//= require jquery.turbolinks
//= require jquery_ujs
//= require turbolinks
//= require bootstrap.min
//= require common
//= require owl.carousel.min.js
//= require modernizr
//= require parallax
//= require toggle
//= require modernizr
// require_tree .

我的css文件：

* require_tree .
 *= require bootstrap.min
 *= require style
 *= require owl.carousel
 *= require owl.theme
 *= require font-awesome
 *= require refinery/formatting
 *= require refinery/theme
 *= require_self

Answer 1

最近我在与turbolinks斗争。我使用Rails 5.我通过将以下代码放在我的xxx.coffee文件中找到了解决方案：

$(document).on 'turbolinks:load', -> 
 # Your code goes here

如果你使用的是纯粹的js而不是咖啡，试试这个：

$(document).on('turbolinks:load', function() {
  # Your code goes here
})

同样，它取决于您使用的Rails版本。在Rails 5中，turbolink已被重写，并且没有使用与先前版本相同的事件名称。

抱歉，我无法评论你的问题，因为我没有足够的积分所以我在这里作为答案发布。你能提供更多信息吗？你使用哪个Rails版本？你能发送Gemfile吗？你做过捆绑更新吗？

我希望它有所帮助

升级turbolinks导致css停止加载

1 个答案: