Next.js 中 toast 和 router.push 冲突

暮色

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'。

Next.js

查看历史

17 回复

Tan Wei Ming第 2 楼2025/08/27 12:57:23

我的看法略有不同：Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。

Ronan Doyle第 3 楼2025/09/02 05:09:58

Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。

发呆

发呆的仓鼠第 4 楼2025/09/08 19:17:39

next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。

潜水

潜水员第 5 楼2025/09/14 19:28:15

cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。

键盘

键盘敲击者第 6 楼2025/09/22 03:10:54

next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。

逻辑

逻辑编织者第 7 楼2025/09/22 04:08:55

我做了类似的对比实验：Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。我也还在探索中。

冬炉

冬炉暖茶第 8 楼2025/09/22 07:24:58

补充一个边界情况：middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。一起学习。

吃瓜

吃瓜群众第 9 楼2025/09/29 05:27:34

我调研过这块，Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。希望对你有帮助。

摸鱼

摸鱼的锦鲤第 10 楼2025/10/02 06:19:50

这个思路很巧妙，Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。细节可以再展开讨论。

迷路

迷路的信鸽第 11 楼2025/10/12 10:29:16

补充一个边界情况：hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。

Oliver Jensen第 12 楼2025/10/13 09:40:02

反对一下，我的测试结果不是这样：revalidatePath 路径要含 locale 前缀，如 /zh/forum/thread/xxx。

干货

干货搬运工第 13 楼2025/10/21 23:46:19

从另一个角度看：revalidatePath 路径要含 locale 前缀，如 /zh/forum/thread/xxx。感谢楼主的启发。

Layla Rahman第 14 楼2025/10/24 21:13:32

上周刚好踩了这个坑，Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。希望对你有帮助。

秋水

秋水长天第 15 楼2025/11/05 07:46:21

Server Action 提交后不跳转，用 window.location.href 替代 router.push。

Budi Santoso第 16 楼2026/03/22 23:54:31

我的踩坑经验：Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。希望对你有帮助。

会飞

会飞的企鹅第 17 楼2026/05/02 06:05:42

实操中我发现：hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。后续有新发现再来更新。

不将

不将就第 18 楼2026/05/21 08:24:30

我做了类似的对比实验：Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。共同进步。

登录后可回复