使用create-react-app创建React应用时遇依赖缺失及异常问题求助

我之前也碰到过类似的情况，结合你给出的日志和问题描述，大概率是缓存冲突或者权限问题导致的，咱们一步步来解决：

一、先彻底清理缓存和全局残留 #

首先得把可能干扰的旧缓存和全局包清干净，这是最常见的解决办法：

• 卸载全局的create-react-app（如果之前装过的话）：

  npm uninstall -g create-react-app
  

• 强制清理npm缓存：

  npm cache clean --force
  

• 清理npx的缓存（npx会自动缓存包，有时候旧缓存会搞事情）：
  • Windows用户在命令提示符里执行：

    rmdir /s /q %USERPROFILE%\.npm\_npx
    

  • Mac/Linux用户执行：

    rm -rf ~/.npm/_npx
    

二、用最新版create-react-app重新创建项目 #

不要依赖全局包，直接让npx拉取最新版的工具来创建，避免版本冲突：

npx create-react-app@latest test-nginx-deploy

如果还是有问题，可以先清npx缓存再执行：

npx clear-npx-cache && npx create-react-app@latest test-nginx-deploy

三、检查权限问题（Windows重点关注） #

你是在Windows环境下操作，权限不足很容易导致文件生成位置错误（比如根目录出现本该在node_modules/.bin的文件）：

• 右键打开命令提示符/终端，选择「以管理员身份运行」，再执行创建命令
• 确保项目所在目录（比如你现在的文档目录）是当前用户有完全读写权限的，不要放在系统受保护的文件夹（比如C:\Program Files）里

四、如果不想重新创建，手动修复现有项目 #

要是你不想丢现有文件，可以试试手动修复：

1. 先删除项目根目录下的react-scripts和react-scripts.cmd文件
2. 打开package.json，检查dependencies里有没有react-scripts，如果没有的话手动安装：

   npm install react-scripts@latest --save
   

3. 最后执行npm install重新安装所有依赖

补充说明 #

根目录出现react-scripts文件的原因，一般是安装过程中软链接创建失败（权限或缓存问题），工具直接把文件复制到了根目录，清理缓存和修复权限后就能解决这个问题。

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