已安装@material-ui依赖，导入FileDownloadIcon提示模块未找到如何解决

问题根源 #

你安装的是Material UI v4版本的依赖包（包前缀为@material-ui/），但导入语句使用的是Material UI v5版本的包名规则（包前缀为@mui/），二者命名规则不匹配，因此触发模块找不到的报错。

解决方案 #

你可以任选以下两种方案之一修复：

• 方案1：保留已安装的v4版本依赖，仅修改导入语句
  将原导入行替换为以下内容即可，组件调用代码无需调整：

  import FileDownloadIcon from '@material-ui/icons/FileDownload'
  

• 方案2：升级到Material UI v5版本，匹配现有导入语句
  先卸载旧版本依赖：

  npm uninstall @material-ui/core @material-ui/icons
  

  再安装v5版本对应依赖：

  npm install @mui/material @emotion/react @emotion/styled @mui/icons-material
  

  注意：选择该方案后，项目中其他所有引用@material-ui的导入语句都需要同步修改为@mui前缀的规则，比如Button组件的导入要从import Button from '@material-ui/core/Button'调整为import Button from '@mui/material/Button'。

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