2011-12-03 6 views
1

私はRailsの新機能です。ここで説明するように、私はZurbの基礎フロントエンドのフレームワークをインストール:http://www.zurb.com/article/814/yetify-your-rails-new-foundation-gem-and-Rails - アプリディレクトリ外のアセットにリンクする方法

私はアプリ/資産/スタイルシート/ application.cssを開くと、私はこの自動生成されたコードを見つける:

/* 
* This is a manifest file that'll automatically include all the stylesheets available in  this directory 
* and any sub-directories. You're free to add application-wide styles to this file and they'll appear at 
* the top of the compiled file, but it's generally better to create a new file per style scope. 
*= require_self 
*= require foundation 
*= require_tree . 
*/ 

をしかし、この行をに私の見解

<%= stylesheet_link_tag "application" %> 

私が作成したファイルzurb_foundation /アプリ/資産/スタイルシート/基盤/ index.cssロードされません。

couldn't find file 'foundation' 
(in /Users/migu/railsapps/maneki1/app/assets/stylesheets/application.css:6) 

ファイルとzurb_foundation/app/assets/stylesheets/foundation /の下に置かれたすべてのCSSファイルをロードするにはどうすればよいですか?

*= require_directory ./foundation 

それともfoundation-rails宝石を使用することができます。おかげで...

+0

https://github.com/zurb/foundation-rails/blob/master/README.markdownの指示に従ってみると、うまくいきませんでした。私はそれが私にとってRailsにとって全く新しいものでなければならないと思う。このディレクトリの.rvm/gems/ruby​​-1.9.2-p290/gems/zurb-foundation-2.1.0に移動できますが、それでも動作しません。 – migu

答えて

3

Railsがzurb-foundation gemから新しいアセットを取得する前に、Webサーバーを再起動する必要があります。再起動すると、うまくいくはずです。

また、レールコンソールからzurb-foundationアセットが正しく検出されていることを確認できます。コマンドプロンプトで、 "rails c"と "Rails.application.config.assets.paths"(どちらのコマンドも引用符を除いたもの)と入力します。

 
=> ["/Users/MYUSER/appPath/app/assets/images", "/Users/MYUSER/appPath/app/assets/javascripts", "/Users/MYUSER/appPath/app/assets/stylesheets", "/Users/MYUSER/appPath/vendor/assets/stylesheets", "/Users/MYUSER/.rvm/gems/ruby-1.9.3-p0/gems/jquery-rails-1.0.19/vendor/assets/javascripts", "/Users/MYUSER/.rvm/gems/ruby-1.9.3-p0/gems/zurb-foundation-2.1.0/vendor/assets/images", "/Users/MYUSER/.rvm/gems/ruby-1.9.3-p0/gems/zurb-foundation-2.1.0/vendor/assets/javascripts", "/Users/MYUSER/.rvm/gems/ruby-1.9.3-p0/gems/zurb-foundation-2.1.0/vendor/assets/stylesheets"] 

実稼働環境に導入されたアセットを取得するには、余分な作業が必要になる場合があります。ここで

1

あなたのapplication.cssファイルにこのディレクティブを追加することができます。

+0

ありがとう! * = require_directory ./foundation に変更しました。 "require_tree引数はディレクトリでなければなりません" – migu

+0

'app/assets/stylesheets/foundation'ディレクトリに基礎スタイルシートがありますか? –

+0

こんにちはDavid、あなたの返事をありがとう。はい、彼らはapp/assets/stylesheets/foundationにいます。 – migu

2

は、私はこのスレッドをもとにGemfileでhttps://github.com/zurb/foundation/issues/834 追加コンパス・レールの宝石を、同様の問題を解決する方法である:

group :assets do 
    gem 'compass-rails' 

ラン:

bundle install 

いけない」Webサーバを再起動することを忘れ魔法が起こります。

関連する問題