如何解决部署在 Vercel 上的 Nextjs = 空白页面
我设法在 Vercel 上部署了我的 Nextjs 应用程序(带有 getStaticProps + i18n + firebase)。 但我得到一个空白屏幕。 这是日志:
Status: 200
Duration: 8.18ms
Memory Used: 111 MB
我试过了:
- 在本地检查构建函数:它完美运行。
- 将默认构建和开发设置更改为这些(没有运气):
- 我什至尝试在 netlify 上部署(甚至认为我不认为它们支持 i18n,因为 i18n 不支持下一次导出),但我得到了 404 页,这相当于 Vercel 中的空白页。
我也试过:
- 创建一个新的 git 并重新部署。但在完美部署后,我仍然得到一个空结果,其中列出了我所有的页面和内容......
- 正在删除 i18n。
- 从公开中删除 index.html
- 删除除一页之外的所有页面。
- 删除_document.jsx
- 删除除图像等资产之外的所有公共文件夹页面。
- 正在删除包锁定文件。 仍然没有任何效果。 然而,我在 Vercel 中获得了我的网络应用程序的完美预览,但链接转到了一个空白页面。
有什么想法吗?
解决方法
我的错误。 我的 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(); 是问题所在。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。