公開したら真っ白・404になる
404: NOT_FOUND Code: NOT_FOUND
ひとことで言うと
「公開はできたけれど、開いたアドレスに表示するページがありません」という意味です。
よくある原因
- 出力するフォルダ（dist・build・out など）の設定が違う
- ページを1つだけで作ったアプリで、直接ほかのアドレスを開いた
- プロジェクトのフォルダ（Root Directory）の設定が違う
自分で確かめること
- 公開サービスの設定で、Build Command と Output Directory を見る
- トップページ（/）は開けるか確かめる
たいていは、こうすると直ります
出力フォルダの設定を、フレームワークに合わせて直します。1ページのアプリなら、すべてのアドレスを index.html に向ける設定を足します。
AIへの伝え方
下の文をコピーして、ChatGPT・Claude・Cursor などに貼り付けてください。トップで貼り付けたエラー文があれば、自動でそれに入れかわります。
次のエラーが出て困っています。プログラミング初心者にもわかるように、原因と直し方を教えてください。必要なら、直したコードも全部見せてください。 【エラー】 404: NOT_FOUND Code: NOT_FOUND 【やったこと】 （ここに、エラーが出る前にしたことを書く。例：npm run dev を実行した） 【参考】 このエラーは「公開したら真っ白・404になる」というもので、よくある原因は次のとおりです。 ・出力するフォルダ（dist・build・out など）の設定が違う ・ページを1つだけで作ったアプリで、直接ほかのアドレスを開いた ・プロジェクトのフォルダ（Root Directory）の設定が違う どれに当てはまるかを確かめる方法も教えてください。