跳到主内容

求助:Next.js 15 hydration mismatch 报错怎么解决

会议逃生专家0 浏览
会议
next-intl 翻译键缺失不报错是默认行为。要启用严格模式:在 next-intl 配置中设置 onError 回调,或用 getTranslations 时检查返回值。开发环境建议开启严格模式及早发现缺失键。

Prisma $queryRaw 中 camelCase 列名必须加双引号:SELECT "newUserQuota" FROM users。不加双引号 PostgreSQL 会当作不区分大小写的标识符,找不到 camelCase 列。TS 类型声明也要与 SQL 别名一致。

Auth.js 5 beta 的 session 丢失问题,常见原因:① AUTH_SECRET 未配置或变了 ② cookie 被中间件清除 ③ JWT 过期。排查:检查 AUTH_SECRET 是否一致,middleware 中是否有不必要的 Set-Cookie,callbacks.jwt 是否正确返回 token。
查看历史

46 回复

  1. 雾里
    雾里看花第 2 楼
    补充一个可能被忽略的点:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。欢迎交流讨论。
  2. 数据
    数据淘金客第 3 楼
    我之前也遇到过类似问题,Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。我也还在探索中。
  3. 打工
    打工人之光第 4 楼
    我之前也遇到过类似问题,Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。实践出真知,建议动手试试。
  4. 听风
    听风者第 5 楼
    这个观点我很认同,useSession() 返回 null 检查 SessionProvider 是否包裹了组件。仅供参考,具体还是要看你的场景。
  5. 栈溢
    栈溢出幸存者第 6 楼
    这个思路很巧妙,middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。希望对你有帮助。
  6. 算法
    算法炼丹师第 7 楼
    有个更优的方案:Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。欢迎大家补充。
  7. CT
    Ctrl+C工程师第 8 楼
    我的结论恰恰相反:Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。
  8. 冬炉
    冬炉暖茶第 9 楼
    不同场景下结论可能不同:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。如果有更好的方案求分享。
  9. 吃瓜
    吃瓜群众第 10 楼
    不同场景下结论可能不同:useSession() 返回 null 检查 SessionProvider 是否包裹了组件。我也还在探索中。
  10. 摸鱼
    摸鱼达人第 11 楼
    从另一个角度看:useSession() 返回 null 检查 SessionProvider 是否包裹了组件。期待更多实战经验分享。
  11. 阿杰
    阿杰第 12 楼
    讲个真实案例:Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。效果因项目而异,建议实际测试。
  12. BU
    Bug猎人第 13 楼
    我的看法略有不同:Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。欢迎私信深入交流。
  13. 差不
    差不多第 14 楼
    Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。
  14. 林间
    林间晨露第 15 楼
    有个细节值得注意:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。共同进步。
  15. 赏月
    赏月的灰狼第 16 楼
    我的项目里也用了这个方案,Server Action 提交后不跳转,用 window.location.href 替代 router.push。期待更多实战经验分享。
  16. 蜕皮
    蜕皮的蛇第 17 楼
    我的踩坑经验:cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。共同进步。
  17. 精神
    精神小伙第 18 楼
    这个方案我试过,Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。欢迎交流讨论。
  18. 慢慢
    慢慢来第 19 楼
    有个细节值得注意:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。如果有更好的方案求分享。
  19. 后端
    后端搬砖工第 20 楼
    说说我自己的经历:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。欢迎交流讨论。
  20. 摸鱼
    摸鱼的锦鲤第 21 楼
    实操中我发现:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。细节可以再展开讨论。
登录后可回复