You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.25 17:34:50