1

私はRailsが初めてです。ここで説明されているように、Zurb Foundation フロントエンド フレームワークをインストールしました: http://www.zurb.com/article/814/yetify-your-rails-new-foundation-gem-and-

app/assets/stylesheets/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/app/assets/stylesheets/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 ファイルをロードするにはどうすればよいですか? ありがとう...

4

3 に答える 3

3

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

また、Rails コンソールから 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/ベンダー/アセット/スタイルシート"]

アセットを本番環境にデプロイするには、追加の作業が必要になる場合があることに注意してください。

于 2011-12-05T15:06:45.980 に答える
2

このスレッドに基づいて同様の問題を解決する方法は次のとおりですhttps://github.com/zurb/foundation/issues/834Gemfileに compass-railsgemを追加しました。

group :assets do
  gem 'compass-rails'

走る：

bundle install

Webサーバーを再起動することを忘れないでください。そうすれば、魔法が起こります。

于 2012-11-22T12:58:43.393 に答える
1

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

 *= require_directory ./foundation

foundation-railsまたは、 gemを使用することもできます。

于 2011-12-03T20:57:36.623 に答える