Next.js v14部署AWS Amplify,CSR组件获取URL搜索参数遇构建错误
Next.js v14 + AWS Amplify:URL搜索参数预渲染错误解决方案
- 场景适配:在Next.js v14部署至AWS Amplify的环境中,获取URL搜索参数的推荐方式是使用
useSearchParams。 - 问题表现:本地通过
npm run dev运行完全正常,但执行npm run build时会触发预渲染错误,报错信息如下:Error occurred prerendering page "/mypage".
尝试改用useRouter或usePathname后,问题依然存在。 - 核心解法:在使用
useSearchParams(或useRouter、usePathname)的组件最顶部添加'use client'指令,将该组件标记为客户端组件,以此避免预渲染阶段因调用浏览器专属API而引发的错误。
内容的提问来源于stack exchange,提问作者Neil
相关产品推荐
相关产品推荐

