ChunkLoadError：加载块 node_modules_next_dist_client_dev_noop_js 失败答案

【问题标题】：ChunkLoadError: Loading chunk node_modules_next_dist_client_dev_noop_js failedChunkLoadError：加载块 node_modules_next_dist_client_dev_noop_js 失败
【发布时间】：2021-08-11 14:38:49
【问题描述】：

我一直在关注 Next.js 网站上的基础教程，当我到达 Global Styles step 时，我开始收到以下运行时错误：

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：

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

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

【问题讨论】：

标签： javascript node.js reactjs next.js

【解决方案1】：

删除项目根目录下的.next 文件夹，重新启动项目，然后强制刷新页面（Shift+F5 / Cmd+Shift+R）以移除缓存。

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

【讨论】：

附带说明：这个答案已有 1 周的历史，并且已经有 5 个赞。这是一个真正的问题，无论它来自哪里，都需要解决......
允许我添加我的赞成票，发生在修改重写和更改页面文件夹结构之后... :)
对于那些使用 Nx 的人，我删除了 /dist/ 文件夹以使其正常工作。可能实际上只需要删除其中的下一个文件夹，但是是的，这对我有用。
不确定为什么选择这个作为答案，它没有任何关于如何解决问题的信息。 @amin-amin 的回答对我有用。
@MichaelEdwards 嗨，感谢您的反馈。我猜是因为我之前回答过。 amin-amin 写了同样的答案，你必须删除缓存的事实几乎是隐含的。我将编辑我的答案以使其更清楚。

【解决方案2】：

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

我是如何解决的：

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

【讨论】：

【解决方案3】：

在我的情况下，我的 next.js 构建目录具有与 firebase 云功能托管的不同名称。遵循这些类似的步骤

删除您的构建 (distDir) 目录（我的称为 nextjs）
重启服务器
强制刷新浏览器

【讨论】：

【解决方案4】：

我用这个解决了：

删除 .next 文件夹
重启服务器

【讨论】：

【解决方案5】：

我删除了 VSC 中的 .next 文件夹。控制台日志产生了更多错误，因此我将文件夹恢复回项目。错误消失了。

【讨论】：

此错误已返回。我必须做更多的故障排除。一旦问题完全解决，我会发表评论。

【解决方案6】：

对我来说，当我向tailwind.config.js（使用tailwind）添加插件时出现了问题

也许这会帮助某人找到奇怪的 nextjs 行为

【讨论】：

【解决方案7】：

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

删除build/文件夹的所有内容。这对我有用。

【讨论】：