ChunkLoadError：加載塊 node_modules_next_dist_client_dev_noop_js 失敗

Question

我一直在關注 Next.js 網站上的基礎教程，當我到達Global Styles 步驟時，我開始收到以下運行時錯誤：

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)

錯誤一：

錯誤二：

我完全按照所有步驟操作，當我關閉錯誤彈出窗口時，應用程序運行正常。

如果有人可以提供任何指導，我將不勝感激！

Answer 1

嘗試刪除項目根目錄下的.next文件夾。

我只是遇到了同樣的問題，我不知道為什么，但這顯然是由緩存引起的。 也許你的也是。

在瀏覽了 GH 問題和各種博客文章后，我的結論是沒有人知道這個與 webpack 相關的錯誤到底是怎么回事，可能是由 Next.js 的行為引起的。

Answer 2

從 /public 文件夾中刪除文件后出現此錯誤。

我如何修復它：

1. 刪除您的 /.next 文件夾。
2. 再次啟動您的項目。
3. 在瀏覽器中強制刷新以刪除緩存。

Answer 3

對我來說，當我向tailwind.config.js（使用tailwind）添加插件時出現了問題

也許這會幫助某人找到奇怪的 nextjs 行為

Answer 4

就我而言，我找不到要刪除的 .next 文件夾。

刪除 build / 文件夾的所有內容。 這對我有用。

Answer 5

清理應用程序的緩存。

1. 根目錄中的 delete.next 文件夾
2. 重新運行應用程序

Answer 6

我刪除了VSC中的.next文件夾。 控制台日志產生了更多錯誤，因此我將文件夾恢復到項目中。 錯誤消失了。

Answer 7

我用這個解決了：

1. 刪除 .next 文件夾
2. 重啟服務器

Answer 8

在我的情況下，我的 next.js 構建目錄與使用 firebase 雲函數托管的名稱不同。 按照這些類似的步驟

1. 刪除您的構建（distDir）目錄（我的稱為 nextjs）
2. 重啟服務器
3. 強制刷新瀏覽器