跳到主内容

Tailwind v4 自定义颜色不生效

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

Vercel 部署后 CSS 丢失，常见原因：① Tailwind content 路径没包含组件目录 ② CSS 被 PurgeCSS 误删 ③ 生产构建时 PostCSS 配置问题 ④ 部分样式只在 Client Component 中生效但被服务端渲染时缺失。

Next.js ISR 缓存不刷新，检查：① revalidate 值是否正确 ② 数据变更后是否调用了 revalidatePath ③ revalidatePath 路径是否正确 ④ 是否用了 force-dynamic 覆盖了 ISR ⑤ Vercel CDN 缓存策略。

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

Prisma $transaction 超时回滚，默认超时 5s。长事务用 $transaction(async (tx) => { ... }, { timeout: 30000 }) 设置超时。Serverless 环境注意函数超时限制。
查看历史

33 回复

  1. 数据
    数据淘金客第 2 楼
    说个反直觉的发现：Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。这只是个人经验，不一定通用。
  2. 并发
    并发摆渡人第 3 楼
    Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。
  3. 雾里
    雾里看花第 4 楼
    讲个真实案例：useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
  4. 潜水
    潜水员第 5 楼
    我的实践经验和你的不太一样：Server Action 提交后不跳转，用 window.location.href 替代 router.push。欢迎交流讨论。
  5. 刚刚
    刚刚好第 6 楼
    上周刚好踩了这个坑，Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。一起学习。
  6. 老张
    老张第 7 楼
    从另一个角度看：Server Action 提交后不跳转，用 window.location.href 替代 router.push。后续有新发现再来更新。
  7. 键盘
    键盘敲击者第 8 楼
    上周刚好踩了这个坑，Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。欢迎大家补充。
  8. 前端
    前端魔法师第 9 楼
    补充一个可能被忽略的点：hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。欢迎私信深入交流。
  9. 数星
    数星星第 10 楼
    useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
  10. 追日
    追日落第 11 楼
    从另一个角度看：next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。如有不对请指正。
  11. 吃瓜
    吃瓜群众第 12 楼
    补充一个边界情况：Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。实践出真知，建议动手试试。
  12. 烟雨
    烟雨江南第 13 楼
    不同场景下结论可能不同：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。欢迎大家补充。
  13. 夏蝉
    夏蝉鸣夜第 14 楼
    Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。
  14. 离线
    离线爱好者第 15 楼
    分享一下我的做法：Server Action 提交后不跳转，用 window.location.href 替代 router.push。实践出真知，建议动手试试。
  15. 赏月
    赏月的灰狼第 16 楼
    Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。
  16. 掘洞
    掘洞的兔第 17 楼
    我之前也遇到过类似问题，next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。期待更多实战经验分享。
  17. 雪夜
    雪夜归人第 18 楼
    分享一下我的做法：middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。希望少走弯路。
  18. 干货
    干货搬运工第 19 楼
    我的项目里也用了这个方案，middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。感谢楼主的启发。
  19. 注释
    注释写故事第 20 楼
    middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。
  20. 精神
    精神小伙第 21 楼
    这个观点我很认同，Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。实践出真知，建议动手试试。
登录后可回复