2016-09-29 6 views
0

私のRailsアプリケーションのロードを停止するには、CSSをリードしてCSSファイルをロードするために停止し、以下のようなエラーが返されます。アップグレードturbolinks

".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'

jsから宝石と宝石のファイルをコメントアウトすると、アプリケーションが動作するようになりますが、ページを更新しなくてもリソースが読み込まれません。

もう一度ページをリロードする必要があります。最近、私はturbolinksに苦労し

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

答えて

0

//= 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ファイル:

私のjsファイルは次のようになります。私はRailsの5を使用しています私は私のxxx.coffeeファイルに以下のコードを入れて解決策を見つけた:あなたの代わりにコーヒーの純粋なJSを使用している場合

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

これを試してみてください。

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

ここでも、使用しているRailsのバージョンによって異なります。 Rails 5ではターボリンクが書き直され、以前のバージョンと同じイベント名は使用されません。

申し訳ありませんが、私は十分なポイントがないのであなたの質問にコメントできませんでしたので、私は答えとしてここに投稿しました。もっと情報を提供できますか?どのRailsバージョンを使用していますか?あなたはGemfileを送ることができますか?バンドルの更新は完了しましたか?

私は助けてくれるといいですね

関連する問題