npm start启动开发服务器报@material-ui/icons模块找不到错误如何解决

这个编译错误是@material-ui/icons依赖包内缺失对应图标文件导致的，可按以下步骤操作修复：

• 清理缓存重装依赖
  先删除本地已安装的依赖、包锁文件，再清空npm缓存后重装所有依赖，执行命令如下：

  # Windows环境执行
  rmdir /s node_modules
  del package-lock.json
  npm cache clean --force
  npm install
  

  重装完成后重新运行npm start验证是否解决。
• 校验MUI依赖版本匹配
  如果你的项目使用的是v4版本的@material-ui/core，必须搭配同版本的@material-ui/icons，不能和v5版本的MUI依赖混用，v5版本的图标包已经更名为@mui/icons-material，版本不匹配会出现大量图标找不到的问题。你可以手动指定安装v4系列的稳定版图标包：

  npm install @material-ui/icons@4.11.3
  

• 核对图标引入写法
  确认代码中引入该图标的语句拼写完全正确，不要使用相对路径引入，正确写法参考：

  import ControlPointDuplicateRounded from '@material-ui/icons/ControlPointDuplicateRounded';
  

• 临时替代方案
  要是以上操作都无效，可以临时用功能近似的其他图标替代，或者直接下载对应图标的svg文件放到项目本地单独引入使用。

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