Nextjs 部署在 Vercel = 空白页面

Question

我设法在 Vercel 上部署了我的 Nextjs 应用程序（使用 getStaticProps + i18n + firebase）。但我得到一个空白屏幕。这是日志：

Status: 200
Duration: 8.18ms
Memory Used: 111 MB

我试过了：

在本地检查构建函数：它运行良好。
将默认的构建和开发设置更改为这些（没有运气）：

我什至尝试在 netlify 上部署（甚至认为我认为他们不支持 i18n，因为 i18n 不支持下一次导出），但我得到一个 404 页面，这相当于 Vercel 中的空白页面.

我也试过：

正在创建一个新的 git 并重新部署。但是在完美部署后我仍然得到一个空的结果，其中包含我所有页面和内容的列表...
正在删除 i18n。
正在从 public
正在删除除一页以外的所有页面。
正在删除_document.jsx
删除每个 public 个文件夹页面，除了图像等资产。
正在删除包锁定文件。仍然没有任何效果。然而，我在 Vercel 中得到了我的 webapp 的完美预览，但是 link 转到了空白页。

有什么想法吗？

Answer 1

我的错误。我的 getServerSideProps 代码有问题

对此：

export async function getServerSideProps({ req, res }) {
  const data = cookie.parse(req ? req.headers.cookie || "" : document.cookie);

  if (res) {
    if (Object.keys(data).length === 0 && data.constructor === Object) {
      res.end();
    }
  }

  return {
    props: { userId: data.userId }, // will be passed to the page component as props
  };
}

我去了这个：

export async function getServerSideProps({ req, res }) {
  const data = cookie.parse(req ? req.headers.cookie || "" : document.cookie);

  return {
    props: { userId: data.userId }, // will be passed to the page component as props
  };
}

res.end(); 是问题所在。

Answer 2

删除以下内容对我有用：

"homepage": "https://your-username.github.io/the-repo-project/",

vercel --prod
你得等一下

但我认为这取决于项目。

Answer 3

我运行遇到了同样的空白页问题。后来我发现我在错误的目录中运行ning "npm 运行 dev"。我输入的不是 cd C:\wamp\www\projectname，而是 cd c:\wamp\www\projectname。区别在于大写字母“C”。小写字母“c”不起作用。确保您的大小写（大写或小写）正确且所有拼写正确。然后，运行 "npm 运行 dev" 并查看您预期的页面显示（如果没有其他错误阻碍它显示）。

Nextjs 部署在 Vercel = 空白页面

Nextjs deployed on Vercel = blank page

web-deployment

reactjs

netlify

next.js

vercel