创建React项目执行npx create-react-app无响应 npm安装报错是什么原因

网络环境问题 #

• 国内直接访问npm官方源速度极慢，易出现超时无响应的情况
• 临时解决方案：执行命令时指定国内镜像源 npx create-react-app 你的项目名称 --registry https://registry.npmmirror.com
• 永久解决方案：先执行npm config set registry https://registry.npmmirror.com切换npm全局源，再运行项目创建命令

npm缓存或旧版本工具冲突 #

• 之前安装npm时的报错可能已损坏本地缓存，或是本地全局安装过旧版create-react-app导致版本冲突
• 解决方案：
  • 执行npm cache clean --force强制清理本地npm缓存
  • 执行npm uninstall -g create-react-app卸载全局旧版脚手架工具
  • 重新运行npx create-react-app 你的项目名称即可

Node.js版本不兼容 #

• 当前版本的create-react-app要求本地Node.js版本不低于14.0.0，版本过低会出现无响应、报错等问题
• 解决方案：执行node -v查看本地Node.js版本，若版本过低，安装Node.js官方LTS稳定版后重试即可

系统权限不足（Mac/Linux适用） #

• 普通用户权限不足写入npm相关目录时会导致命令卡住无响应
• 解决方案：执行sudo npx create-react-app 你的项目名称，输入设备开机密码后等待执行完成即可

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