Tailwind v4 容器查询不生效

电子

2025/09/20 00:58:36

router.push 不更新 URL，Next.js 15 + next-intl 在 useSession 触发 re-render 时可能取消 router.push 的 startTransition。解决：用 window.location.href 硬导航（认证流程的例外允许裸路径）。

next-intl 配置后 404，一般是 middleware 匹配规则不对。检查 middleware.ts 中 matcher 配置，确保排除了 /api、/_next、/admin 等非国际化路径。另外检查 defaultLocale 和 locales 配置是否正确。

Next.js 15 中 next/dynamic + ssr:false 在 Server Component 中不允许。解决：创建一个 'use client' 的包装组件，在包装组件中用 next/dynamic + ssr:false，然后在 Server Component 中导入这个包装组件。

Prisma 索引没生效查询慢，确认：① 查询条件字段是否建了 @@index ② 迁移是否执行 ③ 用 EXPLAIN ANALYZE 查看执行计划 ④ 是否有函数索引需求 ⑤ 大表考虑分区。

查看历史

13 回复

摸鱼

摸鱼达人第 2 楼2025/09/20 15:22:36

说个反直觉的发现：Server Action 提交后不跳转，用 window.location.href 替代 router.push。共同进步。

潜水

潜水员第 3 楼2025/09/20 15:22:36

我调研过这块，Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。欢迎交流讨论。

需求

需求翻译机第 4 楼2025/10/13 00:41:48

这个观点我很认同，Server Action 提交后不跳转，用 window.location.href 替代 router.push。希望少走弯路。

蜕皮

蜕皮的蛇第 5 楼2025/10/21 10:44:23

我做了类似的对比实验：Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。一起学习。

夏蝉

夏蝉鸣夜第 6 楼2025/10/25 04:07:41

说说我自己的经历：next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。

烟雨

烟雨江南第 7 楼2025/10/27 04:23:57

我的理解是：next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。

差不

差不多第 8 楼2025/10/28 13:01:42

我之前也遇到过类似问题，hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。希望少走弯路。

赏月

赏月的灰狼第 9 楼2025/11/02 14:17:14

从另一个角度看：Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。如有不对请指正。

秋水

秋水长天第 10 楼2025/11/10 18:55:33

Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。

采蜜

采蜜的熊第 11 楼2026/01/16 07:08:45

有个更优的方案：Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。后续有新发现再来更新。

落日

落日余晖第 12 楼2026/02/07 09:43:06

Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。

不将

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

我做了类似的对比实验：middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。欢迎私信深入交流。

晚风

晚风轻拂第 14 楼2026/05/24 23:38:56

有个相关问题想请教：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。共同进步。