拓扑森林
首页OPC课程政企培训专属智能体项目投融资行业资讯站内论坛关于我们
登录
跳到主内容
    论坛/求助问答

    Tailwind v4 自定义颜色不生效

    回滚艺术家·2026/04/27 11:13:29·0 浏览
    站内论坛
    教程论坛排行榜徽章
    回滚
    回滚艺术家楼主
    2026/04/27 11:13:29
    next-intl t() 模板字符串拼接报错,因为动态拼接翻译键不被支持。用显式 Record 映射替代 t(`${type}Opt`),改为 const labels: Record<string, string> = { ... } 然后 labels[type]。
    
    遇到 hydration mismatch 报错,一般是服务端和客户端渲染的 HTML 不一致。常见原因:① 在组件中用了 Date.now() 或 Math.random() ② 用了 window/document 等浏览器 API ③ 服务端和客户端时区不同。解决:把动态值放到 useEffect 里设置,或加 suppressHydrationWarning。
    
    Next.js 15 中 cookies().set() 后跟 redirect() 不兼容,因为 redirect() 抛出特殊错误终止请求,不会包含之前设置的 cookie。解决:用 Server Action(cookies().set 在 Action 中正常工作)或渲染客户端组件处理。
    查看历史

    58 回复

    1. 前端
      前端魔法师第 2 楼2026/04/30 06:31:03
      补充一点:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。效果因项目而异,建议实际测试。
    2. 需求
      需求翻译机第 3 楼2026/04/30 13:35:19
      我的团队是这样做的:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。感谢楼主的启发。
    3. 内卷
      内卷幸存者第 4 楼2026/05/01 21:50:49
      这个问题我研究过一阵,middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。
    4. 数据
      数据淘金客第 5 楼2026/05/01 22:16:28
      不同场景下结论可能不同:Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。有疑问可以继续问。
    5. 电子
      电子古董第 6 楼2026/05/01 22:46:30
      补充一个可能被忽略的点:Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。细节可以再展开讨论。
    6. 并发
      并发摆渡人第 7 楼2026/05/03 15:22:55
      我的团队是这样做的:hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。期待更多实战经验分享。
    7. 赛博
      赛博修行者第 8 楼2026/05/04 20:54:31
      我的结论恰恰相反:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。希望少走弯路。
    8. 发呆
      发呆的仓鼠第 9 楼2026/05/05 07:00:44
      我的看法略有不同:Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。
    9. 大叔
      大叔第 10 楼2026/05/05 11:40:04
      有个更优的方案:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。有疑问可以继续问。
    10. 热更
      热更新选手第 11 楼2026/05/06 07:54:26
      反对一下,我的测试结果不是这样:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。如有不对请指正。
    11. 社恐
      社恐患者第 12 楼2026/05/08 11:26:16
      我的实践经验和你的不太一样:Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。
    12. 冬炉
      冬炉暖茶第 13 楼2026/05/10 17:09:18
      补充一点:Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。踩了很多坑才总结出来的。
    13. 结网
      结网的蜘蛛第 14 楼2026/05/11 01:59:10
      这个问题我研究过一阵,next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。欢迎交流讨论。
    14. 雾里
      雾里看花第 15 楼2026/05/12 08:43:49
      讲个真实案例:Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。希望对你有帮助。
    15. 无所
      无所谓第 16 楼2026/05/14 20:33:00
      说说我自己的经历:Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。希望对你有帮助。
    16. 数星
      数星星第 17 楼2026/05/17 23:52:27
      说说我自己的经历:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。我也还在探索中。
    17. 林间
      林间晨露第 18 楼2026/05/19 04:31:53
      我的踩坑经验:hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。效果因项目而异,建议实际测试。
    18. 算法
      算法炼丹师第 19 楼2026/05/20 22:52:41
      有个细节值得注意:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。
    19. 栈溢
      栈溢出幸存者第 20 楼2026/05/21 03:09:58
      这个问题我研究过一阵,Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。如果有更好的方案求分享。
    20. 不将
      不将就第 21 楼2026/05/21 08:24:30
      我做了类似的对比实验:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。欢迎大家补充。
    登录后可回复
    回滚

    回滚艺术家

    楼主个人主页

    帖子信息

    58 回复
    0 浏览
    1 赞
    0 收藏
    回复