【HTML】画像が表示されない

Question

前提・実現したいこと

ページに画像を表示させたい

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

img src のパスも正確だと思うのですが、ページを開くと画像が表示されていません。
（代わりにファイルのロゴのようなものは出ている）

試したこと

サイトに書かれているような物は確認して試した
(コード、拡張子、パスなどの確認)

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

vscode / google chrome

Comments

[kei344]

画像では拡張子が.erbになっていますが、なんらかのフレームワーク経由で表示しているのでしょうか。それともそのままChromeで表示しているのでしょうか。

[Ponimaru]

rails を使用しておりサーバーを立ち上げ、chrome にて localhost で表示しています。

Answer 1

「Chrome」をお使いということで、キャッシュが更新されていないかもしれませんね。
以下の手順でキャッシュのリフレッシュをお試しください。

1. Chromeにて当該ページを開く。
2. [F12]押下。
3. ブラウザ左上の更新ボタン（丸い矢印）を右クリック。
4. 選択肢から「キャッシュの削除とハード再読み込み」をクリック。

Comments

[Ponimaru]

回答ありがとうございます！
やってみましたが、何も変わりませんでした...

[退会済みユーザー]

なるほど。
お見受けしたところ、imgタグのsrcは相対パスになっていますが、これを絶対パスに変えて、そのパスをブラウザのURL欄に直接入力してください。まずは、それで画像が表示されますでしょうか？
フォルダ構造を見る限り、MVCを使用されていると思いますが、ルーティングによって、画像へのパスが正しく指示されていない可能性も考えられます。

[Ponimaru]

はい、正常に表示されます。

[退会済みユーザー]

では、imgタグのsrcを、その絶対パスに変えて、ページを表示してみてください。

[Ponimaru]

表示されませんでした。

[退会済みユーザー]

表示されたsrcパスと、ページのソース（CTRL + U）のsrcを比較してみてください。違いがありませんか？

[Ponimaru]

違いはありませんでした。

[退会済みユーザー]

[F12]押下で表示される方のソースはいかがですか？
そちらも違いはなさそうでしょうか。

[Ponimaru]

はい、やはり違いはなさそうです。