已安装MUI相关依赖仍提示找不到@mui/icons-material模块如何解决

问题根因与解决方法 #

1. 依赖未正确写入配置：你给出的package.json的dependencies字段中，并没有@mui/icons-material的相关条目，说明之前执行的安装命令要么执行失败，要么没有正确将依赖写入配置文件，先重新执行安装：

npm install @mui/icons-material

2. 本地缓存异常处理：如果重新安装后还是报同样的错误，是开发环境缓存导致的问题，按以下步骤操作即可：

• 删掉项目根目录下的node_modules文件夹和package-lock.json文件
• 执行npm install重新安装所有依赖
• 重启开发服务，报错即可解决

之所以会出现部分图标组件可以正常渲染、新增Button组件才触发报错的情况，是因为之前的开发缓存中残留了图标包的部分文件，新增组件触发全量编译时缓存失效，才暴露出依赖缺失的问题。

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