跳到主内容

Tailwind v4 中 @apply 不生效

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

Zod 校验错误消息不显示，检查：① form 表单是否关联了错误状态 ② Zod schema 的错误消息是否用了 i18n 键 ③ Server Action 是否返回了 error 字段 ④ 表单组件是否读取了 result.error 并显示。

Prisma 乐观锁并发更新冲突，用 $executeRaw 原子更新：UPDATE table SET count = count + 1 WHERE id = $1 AND count < $limit。配合 FOR UPDATE 行锁防并发竞争。

Prisma 连接池超时一般是 connection_limit 设置不当。Serverless 环境（Vercel）建议 connection_limit=1，因为每个函数实例独立连接。如果用 PgBouncer 或 Supabase connection pooler，URL 加 ?pgbouncer=true&connection_limit=1。

Google OAuth 回调报 OAuthCallback 错误，检查：① GOOGLE_CLIENT_ID/SECRET 是否正确 ② NEXTAUTH_URL 是否与 Google Console 中的回调 URL 一致 ③ redirect URI 是否匹配 ④ 时钟同步问题。
查看历史

42 回复

  1. 数据
    数据淘金客第 2 楼
    我的实践经验和你的不太一样：Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。我也还在探索中。
  2. 刚刚
    刚刚好第 3 楼
    讲个真实案例：Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。如果有更好的方案求分享。
  3. 内卷
    内卷幸存者第 4 楼
    反对一下，我的测试结果不是这样：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。
  4. YU
    Yusuf Al-Amin第 5 楼
    实操中我发现：hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。共同进步。
  5. NO
    Noor Abdallah第 6 楼
    讲个真实案例：Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。共同进步。
  6. 发呆
    发呆的仓鼠第 7 楼
    结合我最近的项目经验：middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。
  7. 潜水
    潜水员第 8 楼
    讲个真实案例：Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。
  8. ET
    Ethan Brooks第 9 楼
    我的实践经验和你的不太一样：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。实践出真知，建议动手试试。
  9. 小白
    小白第 10 楼
    上周刚好踩了这个坑，Server Action 提交后不跳转，用 window.location.href 替代 router.push。有疑问可以继续问。
  10. 键盘
    键盘敲击者第 11 楼
    结合我最近的项目经验：Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。希望少走弯路。
  11. CT
    Ctrl+C工程师第 12 楼
    我的团队是这样做的：next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。希望对你有帮助。
  12. 冬炉
    冬炉暖茶第 13 楼
    这个方案我试过，Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。希望少走弯路。
  13. 算法
    算法炼丹师第 14 楼
    补充一个边界情况：Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。欢迎交流讨论。
  14. 蜕皮
    蜕皮的蛇第 15 楼
    结合我最近的项目经验：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。
  15. 观星
    观星者第 16 楼
    实操中我发现：hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。后续有新发现再来更新。
  16. LI
    Liam Anderson第 17 楼
    Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。
  17. 互联
    互联网遗民第 18 楼
    补充一点：middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。欢迎大家补充。
  18. 月下
    月下独酌第 19 楼
    说个反直觉的发现：Server Action 提交后不跳转，用 window.location.href 替代 router.push。欢迎交流讨论。
  19. 社恐
    社恐患者第 20 楼
    上周刚好踩了这个坑，revalidatePath 路径要含 locale 前缀，如 /zh/forum/thread/xxx。效果因项目而异，建议实际测试。
  20. JA
    Jack Harrington第 21 楼
    上周刚好踩了这个坑，hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。期待更多实战经验分享。
登录后可回复
    数据正在加载中…