wancoro blog

学んだことをアウトプットしていきたいと思います

Sprockets::FileNotFound: couldn't find file 'font-awesome' with type 'text/css'

事象

Gemを追加し、 asset:precompile を実行したところ上記エラー。

追加したGem
https://github.com/bokmann/font-awesome-rails

application.css に追記した *= require font-awesome を探しているが、
ファイルが見つからずにエラーになっているっぽい。

原因

Gemを書いた場所が問題だった。
group の中にGemを追加していた。

 group :development, :test do
    gem 'font-awesome-rails'
 end

group の外に出すことで解決した。

 gem 'font-awesome-rails'
 
 group :development, :test do 
 end

備考

正常にコンパイルされると、public/assets 配下にコンパイル済みのファイルが作成される

 $ ls public/assets
font-awesome-xxx.css
font-awesome-xxx.css.gz
fontawesome-webfont-xxx.woff2
fontawesome-webfont-xxx.eot
fontawesome-webfont-xxx.eot.gz
fontawesome-webfont-xxx.ttf
fontawesome-webfont-xxx.gz
fontawesome-webfont-xxx.svg
fontawesome-webfont-xxx.svg.gz
fontawesome-webfont-xxx.woff

また、 public/assets に配置されたものについては、HTTPで接続することができる

http://localhost:8080/assets/font-awesome-xxx.css