1. ホーム
  2. javascript

[解決済み] ChunkLoadError: チャンク node_modules_next_dist_client_dev_noop_js のロードに失敗しました。

2022-04-23 14:49:55

質問

Next.jsのサイトで基本的なチュートリアルを進めているのですが、その途中の グローバルスタイル ステップ というランタイムエラーが発生するようになりました。

ChunkLoadError: Loading chunk node_modules_next_dist_client_dev_noop_js failed.
(error: http://localhost:3000/_next/static/chunks/fallback/node_modules_next_dist_client_dev_noop_js.js)

エラー1

エラー2

すべてのステップを正確に実行し、エラーのポップアップを閉じると、アプリは正常に動作します。

もし、どなたかご指導いただける方がいらっしゃいましたら、大変ありがたいです

どのように解決するのですか?

を削除してください。 .next フォルダを作成し、プロジェクトを再起動した後、ページを強制更新(Shift+F5 / Cmd+Shift+R)して、キャッシュを削除してください。

どうやらキャッシュの問題のようです。GH Issues & various blog postsを閲覧した結果、私の結論は、このウェブパック関連のエラーは一体何が起こっているのか誰も知らないということです。おそらくNext.jsの動作が原因だと思われます。