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

    Next.js 中 toast 和 router.push 冲突

    暮色苍茫·2025/08/26 11:37:32·0 浏览
    站内论坛
    教程论坛排行榜徽章
    暮色
    暮色苍茫楼主
    2025/08/26 11:37:32
    next/font 加载失败,检查:① 字体文件路径是否正确 ② 是否在 root layout 中导入 ③ 变量字体用 variable 选项 ④ 避免在多个 layout 中重复加载同一字体 ⑤ 构建时下载字体需要网络。
    
    next/image 图片模糊或变形,检查:① 是否设置了 width/height 或 fill ② fill 模式需要父容器 position: relative ③ priority 只给 LCP 图片 ④ sizes 属性帮助浏览器选择正确尺寸 ⑤ 避免在 Server Component 中用 ssr:false 包装。
    
    router.push 不更新 URL,Next.js 15 + next-intl 在 useSession 触发 re-render 时可能取消 router.push 的 startTransition。解决:用 window.location.href 硬导航(认证流程的例外允许裸路径)。
    
    Next.js middleware 中 pathname 精确匹配失效,因为 intl 中间件处理后 pathname 含 locale 前缀(如 /zh/dashboard)。用 pathname.includes() 或 getLocaleFromPathname() 而非 pathname === '/dashboard'。
    查看历史

    17 回复

    1. 打工
      打工人之光第 2 楼2025/08/27 12:57:23
      我的看法略有不同:Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。
    2. 老张
      老张第 3 楼2025/09/02 05:09:58
      Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。
    3. 发呆
      发呆的仓鼠第 4 楼2025/09/08 19:17:39
      next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。
    4. 潜水
      潜水员第 5 楼2025/09/14 19:28:15
      cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。
    5. 键盘
      键盘敲击者第 6 楼2025/09/22 03:10:54
      next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。
    6. 逻辑
      逻辑编织者第 7 楼2025/09/22 04:08:55
      我做了类似的对比实验:Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。我也还在探索中。
    7. 冬炉
      冬炉暖茶第 8 楼2025/09/22 07:24:58
      补充一个边界情况:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。一起学习。
    8. 吃瓜
      吃瓜群众第 9 楼2025/09/29 05:27:34
      我调研过这块,Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。希望对你有帮助。
    9. 摸鱼
      摸鱼的锦鲤第 10 楼2025/10/02 06:19:50
      这个思路很巧妙,Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。细节可以再展开讨论。
    10. 迷路
      迷路的信鸽第 11 楼2025/10/12 10:29:16
      补充一个边界情况:hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。
    11. 接口
      接口焊接工第 12 楼2025/10/13 09:40:02
      反对一下,我的测试结果不是这样:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。
    12. 干货
      干货搬运工第 13 楼2025/10/21 23:46:19
      从另一个角度看:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。感谢楼主的启发。
    13. 终端
      终端常驻民第 14 楼2025/10/24 21:13:32
      上周刚好踩了这个坑,Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。希望对你有帮助。
    14. 秋水
      秋水长天第 15 楼2025/11/05 07:46:21
      Server Action 提交后不跳转,用 window.location.href 替代 router.push。
    15. 吃代
      吃代码的猫第 16 楼2026/03/22 23:54:31
      我的踩坑经验:Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。希望对你有帮助。
    16. 会飞
      会飞的企鹅第 17 楼2026/05/02 06:05:42
      实操中我发现:hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。后续有新发现再来更新。
    17. 不将
      不将就第 18 楼2026/05/21 08:24:30
      我做了类似的对比实验:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。共同进步。
    登录后可回复
    暮色

    暮色苍茫

    楼主个人主页

    帖子信息

    17 回复
    0 浏览
    11 赞
    0 收藏
    回复