拓扑森林
首页OPC课程政企培训专属智能体项目投融资行业资讯站内论坛关于我们
登录
跳到主内容
    论坛/求助问答

    Next.js 动态 import 组件水合报错

    并发摆渡人·2025/06/23 23:19:58·0 浏览
    站内论坛
    教程论坛排行榜徽章
    并发
    并发摆渡人楼主
    2025/06/23 23:19:58
    Next.js middleware 中 pathname 精确匹配失效,因为 intl 中间件处理后 pathname 含 locale 前缀(如 /zh/dashboard)。用 pathname.includes() 或 getLocaleFromPathname() 而非 pathname === '/dashboard'。
    
    Zod refine 校验不触发,检查:① refine 是否在 schema 末尾 ② 是否用了 safeParse(parse 会抛错) ③ refine 的 path 是否正确指向字段 ④ 异步 refine 用 superRefine + async。
    
    遇到 hydration mismatch 报错,一般是服务端和客户端渲染的 HTML 不一致。常见原因:① 在组件中用了 Date.now() 或 Math.random() ② 用了 window/document 等浏览器 API ③ 服务端和客户端时区不同。解决:把动态值放到 useEffect 里设置,或加 suppressHydrationWarning。
    
    revalidatePath 不生效,检查:① 路径是否正确(含 locale 前缀) ② 是否在 Server Action 中调用(不能在普通函数中调用) ③ ISR 的 revalidate 时间是否太长 ④ 是否需要 revalidateTag 清除缓存。
    
    Auth.js 5 signIn redirect:false 返回 { error, ok, status, url }。判断成功:!result.error && result.ok。注意 result.url 可能含 ?error= 参数,用 redirectTo 显式指定避免误判。
    查看历史

    13 回复

    1. 结网
      结网的蜘蛛第 2 楼2025/06/27 04:42:09
      revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。
    2. 吃瓜
      吃瓜群众第 3 楼2025/07/09 07:17:23
      有个相关问题想请教:Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。
    3. BU
      Bug猎人第 4 楼2025/07/11 14:33:17
      这个方案我试过,Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。欢迎私信深入交流。
    4. CT
      Ctrl+C工程师第 5 楼2025/07/13 11:51:41
      Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。
    5. 拾光
      拾光者第 6 楼2025/07/22 18:03:22
      这个方案我试过,useSession() 返回 null 检查 SessionProvider 是否包裹了组件。效果因项目而异,建议实际测试。
    6. 隔壁
      隔壁老王第 7 楼2025/08/06 12:53:15
      Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。
    7. 暮色
      暮色苍茫第 8 楼2025/08/17 18:33:59
      我做了类似的对比实验:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。欢迎大家补充。
    8. 干货
      干货搬运工第 9 楼2025/08/18 20:22:09
      不同场景下结论可能不同:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。感谢楼主的启发。
    9. 蜕皮
      蜕皮的蛇第 10 楼2025/08/21 02:45:46
      cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。
    10. 烟雨
      烟雨江南第 11 楼2025/10/26 13:10:35
      上周刚好踩了这个坑,Server Action 提交后不跳转,用 window.location.href 替代 router.push。如果有更好的方案求分享。
    11. 躺平
      躺平选手第 12 楼2025/12/08 07:29:25
      Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。
    12. 溪畔
      溪畔听雨第 13 楼2025/12/11 20:49:45
      讲个真实案例:Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。欢迎大家补充。
    13. 落日
      落日余晖第 14 楼2026/02/07 09:43:06
      这个观点我很认同,next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。踩了很多坑才总结出来的。
    登录后可回复
    并发

    并发摆渡人

    楼主个人主页

    帖子信息

    13 回复
    0 浏览
    19 赞
    0 收藏
    回复