You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Next.js搭配Ant Design 5首次刷新页面CSS失效问题求助

Ant Design 5.x 在 Next.js 项目中首次刷新CSS失效问题
  • 问题场景:使用 create-next-app@latest --typescript 创建TypeScript项目,安装Ant Design 5.x后,首次按F5刷新页面时出现CSS失效(疑似未加载)的情况,怀疑和CSS-in-JS机制相关。
  • 错误演示:CSS失效演示
  • 项目依赖版本:
"dependencies": {
    "@ant-design/icons": "^4.8.0",
    "@next/font": "13.1.0",
    "@types/node": "18.11.17",
    "@types/react": "18.0.26",
    "@types/react-dom": "18.0.9",
    "antd": "^5.0.2",
    "eslint": "8.30.0",
    "eslint-config-next": "13.1.0",
    "next": "13.1.0",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "typescript": "4.9.4"
}
  • 补充信息:将Ant Design降级至4.x.x版本后问题消失;该问题在Next.js 12.x.x、13.x.x版本中均会复现。

内容的提问来源于stack exchange,提问作者박영규

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.07 03:40:44