安装Material UI核心与图标包后仍提示@mui/icons-material模块未找到如何解决？

控制台报错信息：

./src/components/Header.jsx
Module not found: Can't resolve '@mui/icons-material/Search' in 'C:\Users\noushd\Desktop\Clone\facebook-clone\src\components'

相关导入代码：

import SearchIcon from '@mui/icons-material/Search';

报错核心为项目无法识别@mui/icons-material/Search模块，常见原因与解决方法如下：

• 图标包版本不匹配/安装错误
  MUI v5版本对应的图标包为@mui/icons-material，如果此前安装的是v4版本的@material-ui/icons就会出现路径找不到的问题。先卸载错误版本，再安装匹配的依赖即可：
  卸载旧版包命令：npm uninstall @material-ui/icons
  安装v5对应依赖命令：npm install @mui/icons-material @mui/material @emotion/react @emotion/styled
• 未重启开发服务
  依赖安装完成后，正在运行的本地开发服务不会自动识别新增模块，关闭当前服务后重新执行npm start启动即可。
• 依赖安装缓存异常
  完成上述操作后仍报错的话，删除项目根目录下的node_modules文件夹和package-lock.json（yarn项目删除yarn.lock）文件，重新执行npm install安装所有依赖后重启服务即可。

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