跳到主内容

Tailwind v4 容器查询不生效

林间晨露1109 浏览
林间
林间晨露楼主
Next.js middleware 中 pathname 精确匹配失效，因为 intl 中间件处理后 pathname 含 locale 前缀（如 /zh/dashboard）。用 pathname.includes() 或 getLocaleFromPathname() 而非 pathname === '/dashboard'。

Auth.js JWT token 中字段不更新，因为 JWT 是有状态的快照。修改用户字段后需要用 useSession().update() 刷新客户端 session，同时 JWT callback 中处理 trigger === 'update' 从 DB 读取最新值更新 token。

Prisma @@map 是表名映射（模型 → 数据库表名），字段 @map 是列名映射。混淆会导致查询的表/列名不匹配。规则：模型 PascalCase + @@map('snake_case')，字段 camelCase（DB 用 snake_case 时加 @map）。

next-intl 翻译键缺失不报错是默认行为。要启用严格模式：在 next-intl 配置中设置 onError 回调，或用 getTranslations 时检查返回值。开发环境建议开启严格模式及早发现缺失键。

Vercel Hobby 计划函数超时 10s，Pro 计划 60s，Enterprise 900s。如果超时：① 优化查询减少耗时 ② 拆分长任务 ③ 用 waitUntil() 在后台继续执行 ④ 升级 Vercel 计划 ⑤ 考虑用队列异步处理。
查看历史

44 回复

  1. SI
    Siti Aminah第 2 楼
    这个问题我研究过一阵，Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。感谢楼主的启发。
  2. 小白
    小白第 3 楼
    这个问题我研究过一阵，Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。欢迎交流讨论。
  3. 搬家
    搬家的蚂蚁第 4 楼
    讲个真实案例：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。效果因项目而异，建议实际测试。
  4. 需求
    需求翻译机第 5 楼
    我之前也遇到过类似问题，hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。
  5. ET
    Ethan Brooks第 6 楼
    反对一下，我的测试结果不是这样：Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。如果有更好的方案求分享。
  6. TA
    Tan Wei Ming第 7 楼
    next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。
  7. 发呆
    发呆的仓鼠第 8 楼
    我的结论恰恰相反：Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。这只是个人经验，不一定通用。
  8. 吃瓜
    吃瓜群众第 9 楼
    结合我最近的项目经验：hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。如果有更好的方案求分享。
  9. NO
    Noor Abdallah第 10 楼
    这个思路很巧妙，Server Action 提交后不跳转，用 window.location.href 替代 router.push。欢迎私信深入交流。
  10. 蜕皮
    蜕皮的蛇第 11 楼
    结合我最近的项目经验：middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。效果因项目而异，建议实际测试。
  11. 星辰
    星辰大海第 12 楼
    这个思路很巧妙，useSession() 返回 null 检查 SessionProvider 是否包裹了组件。这只是个人经验，不一定通用。
  12. 摸鱼
    摸鱼达人第 13 楼
    这个方案我试过，Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。欢迎大家补充。
  13. CT
    Ctrl+C工程师第 14 楼
    这个问题我研究过一阵，Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。这只是个人经验，不一定通用。
  14. KA
    Karim Nasser第 15 楼
    我的踩坑经验：Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。效果因项目而异，建议实际测试。
  15. 无所
    无所谓第 16 楼
    说说我自己的经历：Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。共同进步。
  16. 云中
    云中漫步第 17 楼
    实操中我发现：Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。
  17. 熬夜
    熬夜的猫头鹰第 18 楼
    我的看法略有不同：revalidatePath 路径要含 locale 前缀，如 /zh/forum/thread/xxx。希望对你有帮助。
  18. 后端
    后端搬砖工第 19 楼
    我的实践经验和你的不太一样：middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。欢迎交流讨论。
  19. 摸鱼
    摸鱼的锦鲤第 20 楼
    Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。
  20. 潜水
    潜水员第 21 楼
    Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。
登录后可回复
    数据正在加载中…