使用npx create-react-app安装React项目时出现FETCH_ERROR报错求助
解决npx create-react-app安装超时问题的方案
切换国内npm镜像源
官方npm源在国内访问稳定性较差,切换到国内镜像可大幅提升下载效率:- 设置淘宝镜像:
npm config set registry https://registry.npmmirror.com - 重新执行项目创建命令:
npx create-react-app my-react-app - 若后续需切回官方源,执行:
npm config set registry https://registry.npmjs.org
- 设置淘宝镜像:
清除npm缓存后重试
缓存损坏可能导致下载失败,先清理缓存再尝试:- 强制清除缓存:
npm cache clean --force - 重新运行创建命令:
npx create-react-app my-react-app
- 强制清除缓存:
手动指定版本并配置代理(若有网络代理)
若你的网络需通过代理访问外部资源,先配置代理再执行操作:- 设置代理(替换为你的代理地址和端口):
npm config set proxy http://your-proxy-address:portnpm config set https-proxy http://your-proxy-address:port - 指定最新版本创建项目:
npx create-react-app@latest my-react-app
- 设置代理(替换为你的代理地址和端口):
手动初始化项目并安装依赖
跳过npx自动安装流程,手动完成项目搭建:- 创建项目目录并进入:
mkdir my-react-app && cd my-react-app - 初始化npm项目:
npm init -y - 安装核心依赖:
npm install react react-dom - 安装react-scripts(提供启动、构建等脚本):
npm install --save-dev react-scripts - 在package.json的
scripts字段中添加:"start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" - 最后执行
npm start启动项目
- 创建项目目录并进入:
内容的提问来源于stack exchange,提问作者M.amanullah behlim
相关产品推荐
相关产品推荐

