ChunkLoadError：加载块 node_modules_next_dist_client_dev_noop_js 失败

Question

我一直在关注 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：

我完全按照所有步骤操作，当我关闭错误弹出窗口时，该应用程序运行良好。

如果有人能对此提供任何指导，我将不胜感激！

Answer 1

尝试删除.next项目根目录下的文件夹。

我刚刚遇到了同样的问题，我不知道为什么，但这显然是由缓存引起的。也许你的也是。

在浏览了 GH 问题和各种博客文章后，我的结论是没有人知道这个与 webpack 相关的错误到底发生了什么，可能是由 Next.js 的行为引起的。

Answer 2

从 /public 文件夹中删除文件后出现此错误。

我是如何修复它的：

1. 删除 /.next 文件夹。
2. 再次启动您的项目。
3. 强制刷新浏览器以删除缓存。

Answer 3

就我而言，我的 next.js 构建目录的名称与 Firebase 云函数托管的名称不同。请遵循这些类似的步骤

1. 删除您的构建（distDir）目录（我的目录称为 nextjs）
2. 重新启动服务器
3. 强制刷新浏览器