Header
2018-01-10
2020-05-23

【初心者・独学者向け】Ruby on Railsのアプリを本番環境へデプロイした時に、CSSが反映されない場合の対処法

1451

Ruby on Railsで作成したアプリケーションをawsやHerokuに始めてデプロイした時に、CSSが反映されない時があります。

初心者・独学者の場合によくハマるのが

アセットパイプラインがコンパイルされていない事が原因になっている場合があります。

今回アセットパイプラインとコンパイルの方法を解説します

そもそもアセットパイプラインとは

簡単にいうと異なるパスにあるjsやcssのファイルを1つにまとめる事により、通信回数を減らしたり、コメントや改行を削除してファイルサイズを縮小する自動のフレームワークになります。

詳しい解説に興味がある方は下記サイトが分かりやすかったので 必要な方は御覧ください

詳しい解説

アセットパイプラインのコンパイル方法

rakeタスクでアセットプリコンパイルして、サーバーを再起動すれば表示されます。

bundle exec rake assets:precompile RAILS_ENV=production

Herokuの場合

アセットパイプラインが自動で通る設定に変更する必要があるので、/config/environments/production.rbファイル内の下記の記述を【ture】に変更する必要があります

#元々false
config.assets.compile = true

以上で解決しない場合はリバースプロキシの設定などが原因と考えてられます。

Nginxなどの場合はその設定をご確認ください

その他関連記事

Linux環境でよく使用するコマンド一覧

Gitの基本コマンドと覚えておくと効率が上がるコマンド一覧

初心者が知っておくと便利なvimコマンド 一覧

【初心者・独学者向け】プログラミングに困ったらテラテイルで質問してみよう

サイトへ簡単にアイコンを無料設定できる|Font Awesomeの使い方|サンプルコード付き

無料ヒートマップ作成ツールUser Heat(ユーザーハート)の登録・利用方法

無料で使えるCDN Cloudflare(クラウドフレア)の登録方法を解説

その他関連記事

Ruby on Railsのデバッグツール byebugの紹介

本番環境でrocket-loader.jsが読み込まれずJavaScriptが機能しない

Nginxで特定のIPアドレスからの接続を拒否する

Ruby on RailsのアプリでGoogle Adsenseが表示されない場合の対処法

MacでSpring Bootをダウンロードして Hellow Wordを表示する

AWSのLinuxサーバーでJava8を利用する

Android Studio3をWindowsへインストールする

あなたにお勧めの記事
前の記事
次の記事