Material-UI无法解析@material-ui/core/styles/createMuiTheme报错如何解决

这个报错是Material-UI版本不兼容导致的：

• Material-UI v4的createMuiTheme导入路径为@material-ui/core/styles/createMuiTheme
• Material-UI v5对核心包名、API命名、导入路径都做了破坏性变更，createMuiTheme被重命名为createTheme，导入路径改为@mui/material/styles，你本地默认安装的是v5版本，和项目原本基于v4编写的代码不匹配，因此触发找不到模块的报错。

方案1：安装项目匹配的v4版本依赖 #

• 先清理当前安装的不兼容包：

# 卸载v5版本相关包
npm uninstall @mui/material @mui/icons-material @emotion/react @emotion/styled
# 卸载残留的旧版material-ui包
npm uninstall @material-ui/core @material-ui/icons
# 清理缓存和锁文件（可选，解决依赖缓存问题）
rm -rf node_modules package-lock.json yarn.lock

• 安装v4最终稳定版依赖：

npm install @material-ui/core@4.12.4 @material-ui/icons@4.11.3

• 重新启动项目即可正常运行。

方案2：修改代码适配v5版本（仅适用于允许升级MUI版本的场景） #

修改src/Theme.js文件中的导入语句：
将原有导入：

import createMuiTheme from '@material-ui/core/styles/createMuiTheme'

替换为v5对应导入：

import { createTheme } from '@mui/material/styles'

注意：v5还有大量其他API变更，如makeStyles、组件属性等，如果项目整体基于v4开发，不建议选择此方案，会引发更多连锁报错。

你之前卸载重装无效的原因是没有指定版本号，包管理器默认拉取最新的v5版本，和原有代码的导入规则完全不匹配，因此问题无法解决。

内容的提问来源于stack exchange，提问作者Faruk Suljagic