AG Grid v29升级后无法加载ag-grid.css样式文件求助

AI 小北

2026-8-3

AG Grid v29样式加载失败的解决办法

AG Grid从v29版本开始调整了样式文件的目录结构，原有的/dist/styles/路径已被移除，这就是你遇到报错的原因。以下是具体解决步骤：

CDN引用场景：将样式路径从https://unpkg.com/ag-grid-community/dist/styles/ag-grid.css修改为https://unpkg.com/ag-grid-community/styles/ag-grid.css。如果使用主题样式（如ag-theme-alpine），同样需要调整路径，比如https://unpkg.com/ag-grid-community/styles/ag-theme-alpine.css。
包管理器（npm/yarn）场景：修改项目中的导入语句，把原来的
```
import 'ag-grid-community/dist/styles/ag-grid.css';
```
替换为
```
import 'ag-grid-community/styles/ag-grid.css';
```
主题样式的导入也要同步更新路径。
版本一致性检查：确保项目中所有AG Grid相关依赖（包括社区版、企业版如果使用的话）的版本统一为v29及以上，避免跨版本路径不匹配的问题。