デプロイ後CSSで色をつけていたbackground画像が表示されない件

1243 ワード
エラー CSS デプロイ CSS テキストリンク

環境

サーバサイド
ruby 2.5.7
rails 5.2.4
本番サーバ環境
AWS(EC2,RDS,EIP)

エラー

topに置いている画像が出てこなかったためブラウザで検証。まさに画像がエラーになっておる。

エラーになっていた箇所.scss
background-image: linear-gradient(to top, rgba(170, 280, 200, 0.8) 0%, rgba(151, 217, 225, 0.7) 100%),image-url('top.jpg');

これを

background-image: image-url('top.jpg'),linear-gradient(to top, rgba(170, 280, 200, 0.8) 0%, rgba(151, 217, 225, 0.7) 100%);

こうすると画像は表示されるものの、色が表示されなくなる…
そのため、

ターミナル
$ cp app/assets/images/top.jpg public/assets/

rails再起動
$ kill $(cat tmp/pids/puma.pid)
$ rails s -e production

publicに該当画像をコピーして保存することで、色＋画像の表示が完了。

おしまい