重装依赖后仍报Module not found，无法解析@material-ui/data-grid如何解决

./src/components/showStudent/showStudent.js
Module not found: Can't resolve '@material-ui/data-grid' in 'C:\Users\USER\Desktop\Database\client\src\components\showStudent'

• 确认你的Material UI版本，安装对应依赖
  • 若使用MUI v4（包前缀为@material-ui/），直接执行安装命令：
    npm install @material-ui/data-grid
    yarn环境执行：
    yarn add @material-ui/data-grid
  • 若使用MUI v5及以上版本，包前缀已统一迁移为@mui/，旧版@material-ui/data-grid已弃用，执行安装命令：
    npm install @mui/x-data-grid
    同时修改showStudent.js中的导入语句，将import { DataGrid } from '@material-ui/data-grid'替换为import { DataGrid } from '@mui/x-data-grid'
• 安装完成后停止当前运行的开发服务，重新执行npm start或对应启动命令，避免热重载未加载新增依赖
• 若重启后仍报错，清除构建缓存后重试：
  使用create-react-app的项目执行npm start -- --reset-cache
  使用vite的项目删除node_modules/.vite目录后重启服务
• 若存在版本冲突问题，删除项目根目录的node_modules文件夹、package-lock.json或yarn.lock文件后，重新执行npm install安装全量依赖即可

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