zurb-foundation で assets:precompile したら css が Invalid と言われた

Foundation を使ってみようと、gem をいれ、foundation:install でもろもろをセットアップしてもらい、コーディングをしていました。

gem 'zurb-foundation', '~> 4.0.0'

ローカルで development モードで開発しているときには問題にならなかったのですが、いざデプロイしてみたら、assets:compile が動作したときに以下のようなエラーが出てしまいました。

Invalid CSS after " *": expected "{", was "= require found..."

なにやら css がおかしいようです…。

問題点

どうやら application.css の require がまずかったようです。

/*
 *= require_self
 *= require_tree .
 */
 *= require foundation_and_overrides

となっていたのを、

/*
 *= require_self
 *= require_tree .
 *= require foundation_and_overrides
 */

と修正したら、通るようになりました。確かに変な追記のされ方になっていました。

このへんに詳細が書いてあります。ジェネレータにちょっと問題があるっぽいです。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする