🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

Webサーバー

Webサーバーとは、HTTPリクエストに応じて、クライアントに情報を提供するシステムです。

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

GitHub

GitHubは、Gitバージョン管理システムを利用したソフトウェア開発向けの共有ウェブサービスです。GitHub商用プランおよびオープンソースプロジェクト向けの無料アカウントを提供しています。

Q&A

解決済

1回答

1979閲覧

エラー404 pngがでない

KOJI0829

総合スコア1

Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

Webサーバー

Webサーバーとは、HTTPリクエストに応じて、クライアントに情報を提供するシステムです。

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

GitHub

GitHubは、Gitバージョン管理システムを利用したソフトウェア開発向けの共有ウェブサービスです。GitHub商用プランおよびオープンソースプロジェクト向けの無料アカウントを提供しています。

0グッド

0クリップ

投稿2020/12/06 21:30

初心者です。はじめて投稿します。
WEBサイトを初めてGitHub PagesとFirebaseに公開しました。

自身の環境では問題なくブラウザで確認できるのですが、
公開後のURLではエラー404が発生してます。

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

エラーメッセージ Failed to load resource: the server responded with a status of 404 ()

検証ツールで該当箇所をみると、Networkで
【logo3.png】
Status 404
Type text/html
何故か textで読み込んでいると思われます。

【logo1.png】
Status 200
Type png 
想定通りの挙動で、普通に表記されてます。
ディレクトリーも同じ階層で、パスも問題ないと思うのですが。。

該当のソースコード

<img src="img/logo3.png" alt="logo"> <img src="img/logo1.png" alt="logo">

よろしくおねがいします。

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

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

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

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

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

guest

回答1

0

ベストアンサー

logo3.png
は存在しているかご確認下さい。
ファイル名などが違ってもダメですので、コピペなどしてご確認下さい。
如何でしょうか?

投稿2020/12/06 21:34

tomtomtomtom

総合スコア563

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

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

KOJI0829

2020/12/06 22:00

回答ありがとうございます。 ファイルは存在しています。 自身の環境chromeではindex.htmlの挙動は問題ありません。 GitHub、firebase共に何度かアップロードも試しました。
tomtomtomtom

2020/12/06 22:05

もしよろしければ、errが発生しているurlをお教え頂くことは可能でしょうか?
tomtomtomtom

2020/12/07 04:59

画像名を Logo3.png から logo3.png へ変更してみて下さい。
KOJI0829

2020/12/07 05:44

解決しました。 初歩的なミスで恐縮ですが、助かりました。
tomtomtomtom

2020/12/07 05:51

解決されたようでなによりです^^ また機会がありましたら宜しくお願い致します。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.36%

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

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

質問する

関連した質問