#HerokuでのRuby on Railsの表示に5時間かかった話
この程度のサイトを表示するのにリアル5時間かかった
↓リンク
https://arcane-oasis-65122.herokuapp.com/
##原因と解決
1 gemの設定ミス
これはググったらすぐに解決した
2 bourbonの導入ミス
筆者はAdobeのDreamweaverを使ってWEB開発をしているのでbourbon関係も全てDreamweaverに任せているのだがこれがいけなかったらしい
Dreamweaverではなくgemでインストール
bourbonとneatは
Gemfileに
gem "bourbon"
gem "neat"
application.scssに
以下のように記述したら解決
@import "bourbon";
@import "neat";
3 Bittersの導入
正直こいつが時間を消費したほぼ全ての原因
まずGemfileではなく
gemコマンドで直接インストールする
以下は公式サイトの手順
Ruby on Railsのアプリケーションディレクトリで
gem install bittersを実行
cdコマンドでapp/assets/stylesheetsに移動
bitters installを実行
application.scssに
@import "base/base";
公式サイトのやり方でやったらエラーが出た
解決方法はめちゃくちゃ簡単
app/assets/configにあるmanifest.jsに
//= link_directory ../stylesheets/base .scssこの1文を追加するだけ
5時間の格闘はなんだったのか
4 CSSが反映されない
これも簡単に解決した
<head></head>の中にhome.scssを読み込む場合は
<%= stylesheet_link_tag "home", :media => "all" %>
と記述するだけ
#あとがき
多分他にもしたと思うが5時間も格闘したせいで覚えてない
More than 3 years have passed since last update.
Register as a new user and use Qiita more conveniently
- You get articles that match your needs
- You can efficiently read back useful information
- You can use dark theme