预呈现页面时 Vercel Next.js 构建错误

Question

我在我的网站上运行 Vercel 编译，我无法摆脱导出时的预渲染错误。有谁知道发生这种情况的原因并且可以帮助我吗？我的 github 所有代码：https://github.com/M0rilla/MyProfile

每个页面都有一个错误如上：

    Error occurred prerendering page "/resume". Read more: https://nextjs.org/docs/messages/prerender-error
Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

Error: Export encountered errors on following paths:
21:20:09.541        /
21:20:09.541        /404
21:20:09.541        /500
21:20:09.541        /experiences
21:20:09.542        /resume
21:20:09.542        /skills

我没有自定义 404 或 500 页面。

Answer 1

您是否尝试过检查这些案例：

确保将所有非页面移出页面文件夹
检查任何假设道具可用的代码，即使它可能不可用。例如，为所有动态页面的道具设置默认数据。
检查您可能依赖的任何过时模块
确保您的组件在 getStaticPaths 中启用后处理回退。回退文档
确保您没有尝试导出（下一次导出）启用了服务器端呈现 (getServerSideProps) 的页面

Answer 2

Vercel 对下一个构建做了一些自定义工作，因此从您的本地计算机或 node_modules 文件夹提交 .next 构建工件可能会以不可预测的方式干扰构建，从而给出看似荒谬的错误信息。确保不要提交 .next 或 node_modules 以避免此行为。

预呈现页面时 Vercel Next.js 构建错误

Vercel Next.js build error while prerendering pages

javascript

reactjs

next.js

vercel