質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
unicorn

Unicornは、汎用のRackアプリケーションサーバ。RackとWebサーバーの機能を併せ持ちます。レスポンス処理や、Nginx単体がRackの機能をサポートしていない事から、一般的にはNginx+Unicorn+Railsの構成を取って用います。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

コンパイル

コンパイルとは、プログラミング言語のテキストソース(ソースコード)をコンピュータ上で実行可能な形式(オブジェクトコード)に変換することをいいます

コンパイルエラー

コンパイルのフェーズで生成されるエラーです。よく無効なシンタックスやタイプが含まれているとき発生します。

文字コード

文字コードとは、文字や記号をコンピュータ上で使用するために用いられるバイト表現を指します。

Q&A

解決済

1回答

1504閲覧

本番環境でコンパイルしてもSCSSが一部反映されない

sk48801728

総合スコア12

unicorn

Unicornは、汎用のRackアプリケーションサーバ。RackとWebサーバーの機能を併せ持ちます。レスポンス処理や、Nginx単体がRackの機能をサポートしていない事から、一般的にはNginx+Unicorn+Railsの構成を取って用います。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

コンパイル

コンパイルとは、プログラミング言語のテキストソース(ソースコード)をコンピュータ上で実行可能な形式(オブジェクトコード)に変換することをいいます

コンパイルエラー

コンパイルのフェーズで生成されるエラーです。よく無効なシンタックスやタイプが含まれているとき発生します。

文字コード

文字コードとは、文字や記号をコンピュータ上で使用するために用いられるバイト表現を指します。

0グッド

0クリップ

投稿2020/06/07 11:19

前提・実現したいこと

本番環境にアセットファイルをコンパイルした際に、
本番環境にてアプリを起動すると一部スタイルが適用されておりません。

以下アプリのurlです。
http://18.180.70.170/

イメージ説明
上記画像がローカル環境でのアプリのトップページの画像です。

イメージ説明
上記がデプロイ後の画像です。

イメージ説明

イメージ説明
イメージ説明

発生している問題・エラーメッセージ

上記画像の検証ツールを参照

該当のソースコード

scssファイル .main { margin: 0 auto; **background-image: url(8Q1A6936-1536x1024.jpg);** hamlファイル = link_to "https://www.google.com/", class: "main__btns__btn main__btns__btn--google" do = icon('fab', 'google', class: "main__btns__btn--icon") %span<> Google

試したこと

rails assets:precompile RAILS_ENV=productionを実行し再度アセットのコンパイルを行う。
その後unicornrailsを再起動するも変わらず。

補足情報(FW/ツールのバージョンなど)

ruby 2.5.1
Rails 5.2.4.2

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

8Q1A6936-1536x1024.jpg はどこに置いてありますか?
public ? app/assets/images ?

publicだとすると、gitに登録していないのでしょう
assetsだとscssの書き方が違います。
拡張子を scssから scss.erb になおして、
background-image: url(8Q1A6936-1536x1024.jpg);

background-image: url(<%= asset_path '8Q1A6936-1536x1024.jpg'%>);

投稿2020/06/07 23:16

winterboum

総合スコア23567

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

sk48801728

2020/06/08 10:10

app/assets/imagesのscssをscss.erbに変更しbackground-image: url(<%= asset_path '8Q1A6936-1536x1024.jpg'%>);に変更したら解決いたしました! 有難うございました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問