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. 强制刷新浏览器