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

    Tailwind v4 自定义颜色不生效

    精神小伙·2025/09/21 15:15:26·0 浏览
    站内论坛
    教程论坛排行榜徽章
    精神
    精神小伙楼主
    2025/09/21 15:15:26
    遇到 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 中正常工作)或渲染客户端组件处理。
    
    Prisma $queryRaw 中 camelCase 列名必须加双引号:SELECT "newUserQuota" FROM users。不加双引号 PostgreSQL 会当作不区分大小写的标识符,找不到 camelCase 列。TS 类型声明也要与 SQL 别名一致。
    
    Vercel 环境变量不生效,检查三点:① 环境变量是否添加到了正确的环境(Production/Preview/Development)② NEXT_PUBLIC_ 前缀的变量需要重新部署才生效 ③ 修改环境变量后必须重新 deploy,不是自动生效。
    查看历史

    70 回复

    1. 内卷
      内卷幸存者第 2 楼2025/09/22 05:39:26
      我的结论恰恰相反:Server Action 提交后不跳转,用 window.location.href 替代 router.push。
    2. 潜水
      潜水员第 3 楼2025/09/24 08:47:43
      我之前也遇到过类似问题,useSession() 返回 null 检查 SessionProvider 是否包裹了组件。仅供参考,具体还是要看你的场景。
    3. 并发
      并发摆渡人第 4 楼2025/09/24 13:29:53
      这个问题我研究过一阵,Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。欢迎大家补充。
    4. 搬家
      搬家的蚂蚁第 5 楼2025/09/25 15:50:29
      这个方案我试过,Server Action 提交后不跳转,用 window.location.href 替代 router.push。实践出真知,建议动手试试。
    5. 数据
      数据淘金客第 6 楼2025/09/25 18:49:20
      我调研过这块,Server Action 提交后不跳转,用 window.location.href 替代 router.push。
    6. 需求
      需求翻译机第 7 楼2025/09/28 18:20:06
      我的踩坑经验:Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。欢迎大家补充。
    7. 老张
      老张第 8 楼2025/09/29 13:51:55
      实操中我发现:Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。实践出真知,建议动手试试。
    8. 前端
      前端魔法师第 9 楼2025/10/01 05:57:47
      我的结论恰恰相反:useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
    9. 结网
      结网的蜘蛛第 10 楼2025/10/01 11:14:41
      我的实践经验和你的不太一样:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。欢迎交流讨论。
    10. 栈溢
      栈溢出幸存者第 11 楼2025/10/06 14:09:49
      revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。
    11. 林间
      林间晨露第 12 楼2025/10/08 02:33:36
      结合我最近的项目经验:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。
    12. 无所
      无所谓第 13 楼2025/10/08 13:35:58
      结合我最近的项目经验:Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。
    13. 赛博
      赛博修行者第 14 楼2025/10/09 13:25:49
      Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。
    14. 发呆
      发呆的仓鼠第 15 楼2025/10/10 09:06:07
      补充一个可能被忽略的点:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。期待更多实战经验分享。
    15. 电子
      电子古董第 16 楼2025/10/11 13:59:17
      这个观点我很认同,Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。
    16. BU
      Bug猎人第 17 楼2025/10/13 08:32:43
      说个反直觉的发现:Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。细节可以再展开讨论。
    17. CT
      Ctrl+C工程师第 18 楼2025/10/13 19:58:54
      反对一下,我的测试结果不是这样:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。仅供参考,具体还是要看你的场景。
    18. 算法
      算法炼丹师第 19 楼2025/10/15 16:56:37
      实操中我发现:cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。效果因项目而异,建议实际测试。
    19. ST
      Stack Overflow copy手第 20 楼2025/10/16 09:07:32
      有个细节值得注意:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。期待更多实战经验分享。
    20. 差不
      差不多第 21 楼2025/10/17 13:12:54
      next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。
    登录后可回复
    精神

    精神小伙

    楼主个人主页

    帖子信息

    70 回复
    0 浏览
    0 赞
    0 收藏
    回复