使用 AWS Amplify 上部署的 Next.JS v14 上的 CSR 组件获取 URL 搜索参数

Question

推荐的方法是

useSearchParams

ref

但是，当执行

npm run build

时，会导致错误并导致构建失败

Error occurred prerendering page "/mypage". Read more: https://nextjs.org/docs/messages/prerender-error

在本地它与

npm run dev

配合得很好

不成功的尝试包括尝试使用：

useRouter

，

usePathname

关键词： ‘使用客户端’

Answer 1

经过多次尝试和错误后，以下内容对我有用：

const MyPage = (pageParams: any) => {
    const searchParams = JSON.parse(JSON.stringify(pageParams.searchParams));  

需要对 searchParams 进行 JSON 反/序列化的 Hacky 方式才能使其在 AWS Amplify 上工作；否则它就只是

Proxy(Object)

类型。