跳到主内容

Auth.js 5 beta session 丢失的排查记录

Isabela Cruz706 浏览
IS
Auth.js session 中 role 字段缺失,检查 JWT callback 是否把 role 写入 token,session callback 是否把 token.role 写入 session.user.role。两步缺一不可。

Vercel 部署后 CSS 丢失,常见原因:① Tailwind content 路径没包含组件目录 ② CSS 被 PurgeCSS 误删 ③ 生产构建时 PostCSS 配置问题 ④ 部分样式只在 Client Component 中生效但被服务端渲染时缺失。

Next.js middleware 中 pathname 精确匹配失效,因为 intl 中间件处理后 pathname 含 locale 前缀(如 /zh/dashboard)。用 pathname.includes() 或 getLocaleFromPathname() 而非 pathname === '/dashboard'。

Next.js 15 中 next/dynamic + ssr:false 在 Server Component 中不允许。解决:创建一个 'use client' 的包装组件,在包装组件中用 next/dynamic + ssr:false,然后在 Server Component 中导入这个包装组件。
查看历史

13 回复

  1. SI
    Siti Aminah第 2 楼
    我的理解是:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。如果有更好的方案求分享。
  2. RO
    Ronan Doyle第 3 楼
    我的实践经验和你的不太一样:useSession() 返回 null 检查 SessionProvider 是否包裹了组件。如有不对请指正。
  3. NO
    Noor Abdallah第 4 楼
    我的项目里也用了这个方案,useSession() 返回 null 检查 SessionProvider 是否包裹了组件。效果因项目而异,建议实际测试。
  4. CT
    Ctrl+C工程师第 5 楼
    我的踩坑经验:Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。希望少走弯路。
  5. 雪夜
    雪夜归人第 6 楼
    反对一下,我的测试结果不是这样:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。如有不对请指正。
  6. 冬炉
    冬炉暖茶第 7 楼
    我之前也遇到过类似问题,middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。感谢楼主的启发。
  7. LI
    Liam Anderson第 8 楼
    上周刚好踩了这个坑,hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。欢迎交流讨论。
  8. 竹林
    竹林深处第 9 楼
    这个观点我很认同,middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。期待更多实战经验分享。
  9. 云中
    云中漫步第 10 楼
    Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。
  10. SO
    Somchai Phanuwat第 11 楼
    我的看法略有不同:useSession() 返回 null 检查 SessionProvider 是否包裹了组件。共同进步。
  11. 会飞
    会飞的企鹅第 12 楼
    我之前也遇到过类似问题,hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。细节可以再展开讨论。
  12. MA
    Marcus Whitfield第 13 楼
    有个更优的方案:Server Action 提交后不跳转,用 window.location.href 替代 router.push。效果因项目而异,建议实际测试。
  13. GR
    Grace Whitman第 14 楼
    补充一个可能被忽略的点:cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。感谢楼主的启发。
登录后可回复
    数据正在加载中…