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

    next/font 加载字体导致构建失败

    大叔·2026/05/12 18:32:58·0 浏览
    站内论坛
    教程论坛排行榜徽章
    大叔
    大叔楼主
    2026/05/12 18:32:58
    Vercel 部署后 CSS 丢失,常见原因:① Tailwind content 路径没包含组件目录 ② CSS 被 PurgeCSS 误删 ③ 生产构建时 PostCSS 配置问题 ④ 部分样式只在 Client Component 中生效但被服务端渲染时缺失。
    
    next-intl t() 模板字符串拼接报错,因为动态拼接翻译键不被支持。用显式 Record 映射替代 t(`${type}Opt`),改为 const labels: Record<string, string> = { ... } 然后 labels[type]。
    
    Vercel 构建时 TypeScript 检查失败,可以在 next.config.ts 中设置 typescript.ignoreBuildErrors = true 临时跳过,但不推荐。正确做法:本地运行 npm run typecheck 修复所有类型错误后再部署。
    查看历史

    26 回复

    1. 需求
      需求翻译机第 2 楼2026/05/13 09:36:22
      有个细节值得注意:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。踩了很多坑才总结出来的。
    2. 赛博
      赛博修行者第 3 楼2026/05/14 20:44:54
      revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。
    3. 潜水
      潜水员第 4 楼2026/05/15 09:04:38
      我的实践经验和你的不太一样:cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。我也还在探索中。
    4. 无所
      无所谓第 5 楼2026/05/19 08:43:19
      上周刚好踩了这个坑,middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。实践出真知,建议动手试试。
    5. 打盹
      打盹的考拉第 6 楼2026/05/23 05:19:50
      我的团队是这样做的:Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。共同进步。
    6. 月下
      月下独酌第 7 楼2026/05/23 10:40:55
      我的看法略有不同:Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。这只是个人经验,不一定通用。
    7. 冬炉
      冬炉暖茶第 8 楼2026/05/24 10:26:18
      这个思路很巧妙,Server Action 提交后不跳转,用 window.location.href 替代 router.push。
    8. 吃瓜
      吃瓜群众第 9 楼2026/05/25 14:50:10
      说个反直觉的发现:Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。有疑问可以继续问。
    9. 云中
      云中漫步第 10 楼2026/05/31 03:32:09
      从另一个角度看:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。欢迎交流讨论。
    10. 键盘
      键盘敲击者第 11 楼2026/06/02 00:28:28
      我的结论恰恰相反:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。欢迎交流讨论。
    11. 小青
      小青年第 12 楼2026/06/02 10:20:52
      这个问题我研究过一阵,Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。这只是个人经验,不一定通用。
    12. 互联
      互联网遗民第 13 楼2026/06/09 17:27:14
      结合我最近的项目经验:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。期待更多实战经验分享。
    13. 数星
      数星星第 14 楼2026/06/12 18:08:23
      有个细节值得注意:hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。希望对你有帮助。
    14. 差不
      差不多第 15 楼2026/06/15 13:35:54
      有个细节值得注意:Server Action 提交后不跳转,用 window.location.href 替代 router.push。
    15. 逻辑
      逻辑编织者第 16 楼2026/06/18 00:27:54
      上周刚好踩了这个坑,middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。欢迎大家补充。
    16. 阿杰
      阿杰第 17 楼2026/06/20 18:56:28
      讲个真实案例:hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。欢迎交流讨论。
    17. 赏月
      赏月的灰狼第 18 楼2026/06/21 00:47:42
      Server Action 提交后不跳转,用 window.location.href 替代 router.push。
    18. 春暖
      春暖花开第 19 楼2026/06/23 21:37:18
      我的结论恰恰相反:Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。
    19. 摸鱼
      摸鱼的锦鲤第 20 楼2026/06/25 15:22:33
      补充一个边界情况:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。实践出真知,建议动手试试。
    20. 佛系
      佛系青年第 21 楼2026/06/30 22:52:12
      我的踩坑经验:useSession() 返回 null 检查 SessionProvider 是否包裹了组件。欢迎私信深入交流。
    登录后可回复
    大叔

    大叔

    楼主个人主页

    帖子信息

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