Next.js 14 Build Prerender Error

今天发布代码到vercel,结果编译就报错了，然后在本地build，结果一样的错误，预渲染错误。

很奇怪，1小时前提交了代码build 也是没问题，突然就报错了，只能硬着来解决。

这个页面的代码很简单，没有网络请求，没有任何逻辑。不过属于ssr，然后在下面的错误中，报错的页面都是用了ssr的页面，但是next 文档中并不是很详细来描述这个错误。Prerender Error

在next.js github看到也有同样的问题，但是没有解决

找了几个小时也没有合适的解决方案，然后尝试git回滚，但是回滚到之前的版本一样build报错

后来开始翻Next js官方文档，找到了一篇关于Route Segment Config 说明的

里面有一项配置为：

Change the dynamic behavior of a layout or page to fully static or fully dynamic.

感觉可以试试，随后找了一个报错的页面，然后添加了

export const dynamic = "force-dynamic"; （强制动态渲染）

然后pnpm build 结果很意外的这个页面的报错就消失了

最后还有一个比较坑的地方，如果你使用的是客户端模式："use client" 那你添加这个强制动态渲染是无效的，我找了很久也没找到解决办法，最后迂回了一下，用一个server的page来包装，引入client的组件

page.tsx就是包装用的，它里面很简单：

然后purchase-gift-card.tsx是你原来的组件代码

这个问题坑了我2天，太浪费时间了

解决错误的记录，主要是google了没有找到，所以留下来希望可以帮助到别人