next-intl 配置后页面 404 的问题

刚刚

2025/11/29 05:34:32

revalidatePath 不生效，检查：① 路径是否正确（含 locale 前缀） ② 是否在 Server Action 中调用（不能在普通函数中调用） ③ ISR 的 revalidate 时间是否太长 ④ 是否需要 revalidateTag 清除缓存。

Next.js 动态 import 水合报错，可能是动态组件的 SSR 输出与客户端不一致。加 ssr: false 避免服务端渲染，或确保组件在 SSR 和 CSR 中输出一致。

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 硬导航（认证流程的例外允许裸路径）。

前端

查看历史

9 回复

内卷

内卷幸存者第 2 楼2025/12/06 02:12:24

我的实践经验和你的不太一样：Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。

Ethan Brooks第 3 楼2025/12/14 04:35:07

我的看法略有不同：Server Action 提交后不跳转，用 window.location.href 替代 router.push。如有不对请指正。

Ctrl+C工程师第 4 楼2025/12/19 03:30:21

我的项目里也用了这个方案，Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。希望对你有帮助。

Diego Ramos第 5 楼2025/12/22 21:16:16

这个思路很巧妙，Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。

全栈

全栈探险家第 6 楼2025/12/28 08:14:42

有个细节值得注意：middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。细节可以再展开讨论。

Aisha Karim第 7 楼2026/01/02 16:51:37

实操中我发现：Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。欢迎大家补充。

后端

后端搬砖工第 8 楼2026/01/18 01:18:58

我之前也遇到过类似问题，Server Action 提交后不跳转，用 window.location.href 替代 router.push。后续有新发现再来更新。

Marcus Whitfield第 9 楼2026/01/19 15:59:11

说个反直觉的发现：Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。欢迎交流讨论。

回滚

回滚艺术家第 10 楼2026/03/08 01:16:30

Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。

登录后可回复