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机制相关。 - 错误演示:

- 项目依赖版本:
"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,提问作者박영규
相关产品推荐
相关产品推荐

