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

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

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

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails

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

AWS(Amazon Web Services)

Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

Q&A

1回答

882閲覧

AWSでimage-urlで記述するとデプロイできない

danburudoa

総合スコア8

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails

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

AWS(Amazon Web Services)

Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

0グッド

0クリップ

投稿2021/04/25 12:57

編集2021/04/25 13:40

##現状
現在、AWSサーバーで自動デプロイツールCapistranoを用いて、トップ画面の背景画像を表示させようとしています。しかし、scssでimage-urlと書けば良いという記事を多く見かけましたが、その記述でbundle exec cap production deployを実行すると、デプロイ時にエラーが起きてしまいます。

##試した記述
background: transparent url(image_path('mainvisual.png')) no-repeat top center / cover;
で記述すると、デプロイできるのですが、背景画像が表示されません。

boards.scss background: transparent image-url(image_path('mainvisual.png')) no-repeat top center / cover;

##image-urlで記述した時のエラー内容

https://gyazo.com/85915b1f5026288526f91f4eb6aa5a0e 最後までスクロールすると、 https://gyazo.com/c8ffdfd77ce5c792d43d808ae40e8014

9774行目の部分なのですが、そのようなファイルがなかったので、対処しかねています。
##補足情報
画像はapp/assets/imagesの中に入れています。
AWSサーバーにしたばかりで、エラー文のどこを読めばいいか理解しきれていない部分もあるので、追加情報が必要であれば言っていただければと思います。

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

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

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

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

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

satokei

2021/04/27 04:09

エラーメッセージは画像だけではなく、テキストでも掲載してください。
guest

回答1

0

こちらのページによると、
https://qiita.com/d0ne1s/items/0af5e99feafd5172d8ce

image-url(image_path('mainvisual.png')) ではなく、
image-url('mainvisual.png') なのでは?

投稿2021/04/26 10:20

編集2021/04/26 10:21
satokei

総合スコア1217

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

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

danburudoa

2021/04/27 03:30

回答ありがとうございます! その記述でも全く同じようなエラーが出てしまいました、、
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.46%

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

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

質問する

関連した質問