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

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

    佛系青年·2025/02/11 13:12:07·0 浏览
    站内论坛
    教程论坛排行榜徽章
    佛系
    佛系青年楼主
    2025/02/11 13:12:07
    Server Action 提交后不跳转,可能是用了 router.push 而非 window.location.href。Next.js 15 + next-intl 的 router.push 在 startTransition 内会被 toast 的状态更新中断。解决:用 window.location.href 硬导航。
    
    遇到 hydration mismatch 报错,一般是服务端和客户端渲染的 HTML 不一致。常见原因:① 在组件中用了 Date.now() 或 Math.random() ② 用了 window/document 等浏览器 API ③ 服务端和客户端时区不同。解决:把动态值放到 useEffect 里设置,或加 suppressHydrationWarning。
    
    Prisma $queryRaw 中 camelCase 列名必须加双引号:SELECT "newUserQuota" FROM users。不加双引号 PostgreSQL 会当作不区分大小写的标识符,找不到 camelCase 列。TS 类型声明也要与 SQL 别名一致。
    查看历史

    12 回复

    1. 前端
      前端魔法师第 2 楼2025/02/12 03:36:07
      Server Action 提交后不跳转,用 window.location.href 替代 router.push。
    2. 打工
      打工人之光第 3 楼2025/02/24 20:47:47
      上周刚好踩了这个坑,Server Action 提交后不跳转,用 window.location.href 替代 router.push。后续有新发现再来更新。
    3. 打盹
      打盹的考拉第 4 楼2025/02/27 02:56:30
      我的团队是这样做的:cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。共同进步。
    4. 搬家
      搬家的蚂蚁第 5 楼2025/03/02 21:46:28
      我之前也遇到过类似问题,Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。
    5. 云中
      云中漫步第 6 楼2025/03/06 19:59:41
      useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
    6. 差不
      差不多第 7 楼2025/03/21 19:02:20
      Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。
    7. 暮色
      暮色苍茫第 8 楼2025/04/02 20:06:07
      补充一个边界情况:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。欢迎大家补充。
    8. 巡山
      巡山的狐狸第 9 楼2025/04/22 05:23:49
      上周刚好踩了这个坑,Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。细节可以再展开讨论。
    9. 等风
      等风来第 10 楼2025/04/30 15:50:01
      上周刚好踩了这个坑,next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。
    10. 赏月
      赏月的灰狼第 11 楼2025/06/22 09:08:22
      补充一个可能被忽略的点:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。一起学习。
    11. 秋水
      秋水长天第 12 楼2025/11/05 07:46:21
      这个思路很巧妙,cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。如有不对请指正。
    12. 熬夜
      熬夜的猫头鹰第 13 楼2026/01/07 17:32:28
      有个细节值得注意:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。感谢楼主的启发。
    登录后可回复
    佛系

    佛系青年

    楼主个人主页

    帖子信息

    12 回复
    0 浏览
    5 赞
    0 收藏
    回复