JavaScript
🔗 404 Not Found（スクリプトが読み込まれない）
script の src パスが間違っている
😰 こんな症状
コンソールに 404 エラーが出て、JavaScript が動かない。scriptタグのパスを間違えたときに起きるよ。
🔍 原因
HTMLの<script src="...">に書いたファイルパスが間違っているよ。ブラウザは指定されたパスにJSファイルを探しに行くけど、見つからないと404エラーを返すんだ。ファイル名のスペルミス、拡張子の間違い、フォルダ階層の間違いが主な原因だよ。
❌ エラーが起きるコード
<script src="ap.js"></script>
<!-- ファイル名スペルミス -->✅ 直し方
1. <script src="script.js">のファイル名と実際の.jsファイル名が一致しているか確認する。 2. .jsファイルがHTMLファイルと同じフォルダにあるか確認する。 3. 別フォルダならパスを正しく書く（例: src="js/app.js"）。 4. 開発者ツールのNetworkタブで404が出ているファイルを特定する。
✅ 修正後のコード
<script src="app.js"></script>
<!-- 正しいファイル名 -->この解決法は役立ちましたか？
🔗 関連するエラー
- Uncaught ReferenceError: xxx is not defined — 変数・関数名のタイポ
- Uncaught TypeError: Cannot read properties of null — getElementById の id が存在しない
- ボタンを押しても何も起きない — getElementById の id 不一致
- 計算結果が NaN になる — 文字列を数値に変換していない
- TypeError: xxx is not a function — 関数でないものを呼び出している
🔗 別カテゴリの関連エラー
📖 この問題を学べるレッスン
📝 関連ブログ記事
- プログラミングのエラーメッセージの読み方 — エラーの読み方を基礎から解説
- JavaScriptとは？初心者向けにわかりやすく解説 — 変数・関数・イベントの基本
- JavaScriptでボタンクリックを動かす方法 — ボタンクリック時の動作を解説