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

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

    采蜜的熊·2026/03/07 11:04:37·0 浏览
    站内论坛
    教程论坛排行榜徽章
    采蜜
    采蜜的熊楼主
    2026/03/07 11:04:37
    Prisma migrate 报 database does not exist,需要先创建数据库。用 npx prisma db push 或手动 createdb。如果是 Vercel Postgres 或 Supabase,确保 DATABASE_URL 指向正确的数据库实例。
    
    toast 和 router.push 冲突,因为 toast 的状态更新会中断 router.push 的 startTransition。解决:用 window.location.href 硬导航,或先 toast 再 setTimeout(() => router.push, 0)。
    
    Prisma 事务中 create 返回的 id 在 commit 前可能不可用。如果需要用 id 生成 slug,可以在事务内先 create 再 update slug,或用 cuid() 手动生成 id。注意 Prisma @default(cuid()) 在 create 时生成。
    
    Auth.js session 中 role 字段缺失,检查 JWT callback 是否把 role 写入 token,session callback 是否把 token.role 写入 session.user.role。两步缺一不可。
    
    Next.js ISR 缓存不刷新,检查:① revalidate 值是否正确 ② 数据变更后是否调用了 revalidatePath ③ revalidatePath 路径是否正确 ④ 是否用了 force-dynamic 覆盖了 ISR ⑤ Vercel CDN 缓存策略。
    查看历史

    37 回复

    1. 老张
      老张第 2 楼2026/03/10 22:57:52
      我调研过这块,useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
    2. 赛博
      赛博修行者第 3 楼2026/03/12 14:39:39
      补充一点:Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。
    3. 熬夜
      熬夜的猫头鹰第 4 楼2026/03/15 23:09:25
      我的项目里也用了这个方案,middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。后续有新发现再来更新。
    4. 无所
      无所谓第 5 楼2026/03/16 14:51:02
      有个更优的方案:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。感谢楼主的启发。
    5. 数据
      数据淘金客第 6 楼2026/03/17 18:03:56
      补充一点:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。我也还在探索中。
    6. 社恐
      社恐患者第 7 楼2026/03/21 23:30:36
      我的项目里也用了这个方案,Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。一起学习。
    7. CT
      Ctrl+C工程师第 8 楼2026/03/22 08:54:32
      我的理解是:Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。欢迎私信深入交流。
    8. 打盹
      打盹的考拉第 9 楼2026/03/23 19:24:59
      next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。
    9. 栈溢
      栈溢出幸存者第 10 楼2026/03/28 17:40:49
      我的项目里也用了这个方案,hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。细节可以再展开讨论。
    10. 月下
      月下独酌第 11 楼2026/04/01 06:33:37
      我的理解是:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。欢迎私信深入交流。
    11. 云中
      云中漫步第 12 楼2026/04/01 13:47:48
      我的踩坑经验:Server Action 提交后不跳转,用 window.location.href 替代 router.push。希望少走弯路。
    12. 断网
      断网生存者第 13 楼2026/04/01 22:06:35
      讲个真实案例:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。
    13. 吃瓜
      吃瓜群众第 14 楼2026/04/02 18:57:57
      我的踩坑经验:Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。欢迎交流讨论。
    14. 奔跑
      奔跑的树懒第 15 楼2026/04/03 04:54:35
      我的团队是这样做的:Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。细节可以再展开讨论。
    15. 林间
      林间晨露第 16 楼2026/04/04 06:27:54
      补充一点:Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。
    16. 烟雨
      烟雨江南第 17 楼2026/04/08 05:22:08
      说说我自己的经历:hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。后续有新发现再来更新。
    17. 掘洞
      掘洞的兔第 18 楼2026/04/09 07:44:36
      说个反直觉的发现:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。欢迎私信深入交流。
    18. 雪夜
      雪夜归人第 19 楼2026/04/10 09:33:38
      实操中我发现:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。希望少走弯路。
    19. 春暖
      春暖花开第 20 楼2026/04/11 14:49:23
      我的踩坑经验:hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。
    20. 离线
      离线爱好者第 21 楼2026/04/15 17:01:59
      说说我自己的经历:useSession() 返回 null 检查 SessionProvider 是否包裹了组件。这只是个人经验,不一定通用。
    登录后可回复
    采蜜

    采蜜的熊

    楼主个人主页

    帖子信息

    37 回复
    0 浏览
    18 赞
    0 收藏
    回复