ChunkLoadError: 加载块节点 _ module _ next _ dist _ client _ dev _ noop _ js 失败

我一直在遵循 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:
Screenshot of error (1)

错误2:
Screenshot of error (2)

我严格遵循了所有的步骤，当我关闭弹出的错误时，应用程序工作正常。

如果有人能提供任何指导，我会非常感激！

62579 次浏览
小开
最佳答案

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

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

小开

对我来说，问题出现在我向 tailwind.config.js (使用 tailwind)添加插件时

也许这能帮助人们找到下一个行为怪异的人

小开

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

我是如何解决的:

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

在我的情况下，我找不到要删除的. next 文件夹。

删除构建/文件夹的所有内容。

小开

我删除了。下一个文件夹在 VSC。控制台日志生成了更多的错误，因此我将文件夹还原到项目中。错误消失了。

小开

在我的例子中，我让 next.js 构建目录使用不同的名称，就像使用 firebase 云功能托管一样。 遵循以下类似步骤

  1. 删除您的 build (distDir)目录(我的目录叫做 nextjs)
  2. 重启服务器
  3. 强制刷新浏览器

提交答案