React Typescript MUI项目构建报错：找不到@emotion/is-prop-valid对应文件

• 依赖安装过程中断、网络波动导致@emotion/is-prop-valid包下载不完整，对应目录下的构建产物文件丢失
• 包管理器缓存损坏，拉取的依赖包存在文件缺失问题
• 若使用WSL环境，项目存放在Windows磁盘挂载的/mnt路径下，可能因为跨系统文件权限、同步延迟导致文件读取失败
• 不同依赖声明的@emotion/is-prop-valid版本冲突，导致实际安装的版本和预期不符，对应路径的文件不存在

• 先删除已损坏的依赖和锁文件：

rm -rf node_modules package-lock.json yarn.lock pnpm-lock.yaml

• 清理包管理器缓存：

# npm用户执行
npm cache clean --force
# yarn用户执行
yarn cache clean
# pnpm用户执行
pnpm store prune

• 重新安装依赖：

# 对应你使用的包管理器选一个执行
npm install
yarn install
pnpm install

• WSL环境用户建议将项目迁移到WSL本地目录（如/home/用户名/路径下），避免挂载盘的文件读写问题
• 若重装依赖后问题依旧，可以强制锁定版本避免冲突：
  • npm v8+用户在package.json中新增overrides字段：

  "overrides": {
    "@emotion/is-prop-valid": "1.1.1"
  }
  

  • yarn/pnpm用户在package.json中新增resolutions字段：

  "resolutions": {
    "@emotion/is-prop-valid": "1.1.1"
  }
  

  配置完成后重新执行安装依赖命令即可。
• 验证：安装完成后检查node_modules/@emotion/is-prop-valid/dist目录下是否存在is-prop-valid.browser.esm.js文件，存在则问题解决。

内容的提问来源于stack exchange，提问作者Akshay K Nair