React使用DataGridPro提示找不到@material-ui/styles模块如何修复

你当前安装的@mui/x-data-grid-pro@4.0.2版本仍依赖旧版的@material-ui/styles包，你的项目依赖中未安装该包，因此触发了模块找不到的报错。同时你的项目中同时存在多个版本不兼容的Material UI相关依赖，也可能引发后续其他运行问题。

方案1：快速补全缺失依赖 #

直接安装缺失的依赖包即可临时解决报错：

# 使用npm安装
npm install @material-ui/styles

# 或使用yarn安装
yarn add @material-ui/styles

方案2：彻底解决版本冲突（更推荐） #

你当前项目中同时存在老旧的Material UI测试版依赖、@material-ui/*旧版包和新版@mui/*包，版本混乱很容易引发更多问题，建议做如下清理升级：

• 卸载老旧冲突依赖：

npm uninstall material-ui @material-ui/core @material-ui/data-grid

• 升级DataGrid相关包到适配MUI 5的版本，新版不再依赖@material-ui/styles：

npm install @mui/x-data-grid@latest @mui/x-data-grid-pro@latest @mui/x-data-grid-generator@latest

内容的提问来源于stack exchange，提问作者Apiwat Srinukul