由于“导出在以下路径上遇到错误”，下一个 JS 构建失败

Question

当我将下一个 js 站点部署到 vercel 时遇到此构建错误

15:02:38    > Build error occurred
15:02:38    Error: Export encountered errors on following paths:
15:02:38        /about/undefined
15:02:38        at exportApp (/vercel/workpath0/node_modules/next/dist/export/index.js:30:1103)
15:02:38        at processTicksAndRejections (internal/process/task_queues.js:97:5)
15:02:38        at async /vercel/workpath0/node_modules/next/dist/build/index.js:39:69
15:02:38        at async /vercel/workpath0/node_modules/next/dist/build/tracer.js:1:525

我的网站没有称为 about 的页面，所以我真的不知道这个错误指的是什么。我尽可能多地检查以找到可靠的答案，但不能。任何帮助表示赞赏！

Answer 1

几天前我遇到了同样的错误。

我想澄清几点：

1. 构建根据浏览器的页面和 URL 进行。如果你看到类似的东西

导出在以下路径上遇到错误：/about

然后你应该复制“/about”并将其粘贴到当前 URL 的前面，例如：

http://localhost:3000/about

然后您将看到错误或任何主要警告。解决它，你就可以开始构建了。

Answer 2

这发生在我身上，因为/components我的文件夹中有一个文件夹/pages。因为我是 Next.js 的新手，所以我没有意识到/pages文件夹中的文件夹也变成了 URL，所以我的/components/Navbar.js文件实际上可以通过localhost:3000/components/Navbar. 因为导航栏获取了道具，所以这些道具没有被正确传递，因为……好吧，它们怎么可能呢？Next.js 试图构建该导航栏页面但无法构建，因此抛出了错误。

修复方法只是移出/components到根目录。

Answer 3

我发现有一个没有生成页面所需的属性的对象。一旦我删除它，一切都很好

Answer 4

如果您的后备设置为 true，您需要处理后备状态。

你需要添加

if (router.isFallback) {
    <h1>Data is loading</h1>;
}

您可以将任何内容放入语句主体中if，这将像这样进入函数组件内部

const PostDetails = ({ post }) => {
  const router = useRouter();

  if (router.isFallback) {
    <h1>Data is loading</h1>;
  }

  return (

)

Answer 5

我也遇到这个错误。我发现我使用的是没有 props 的组件。删除它或传递道具将解决问题