create-react-app创建项目报错

本文介绍在使用create-react-app创建React项目时遇到的错误,详细解释了错误原因及解决步骤,包括卸载并重新安装yarn,确保依赖正确安装。

create-react-app my-app创建项目时报如下错误

C:\kc\hb\react>npx create-react-app my-app
npx: installed 98 in 7.775s

Creating a new React app in C:\kc\hb\react\my-app.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...


C:\kc\hb\react\my-app>"node"  "C:\Users\liu\AppData\Roaming\npm\\node_modules\yarn\bin\yarn.js" "add" "--exact" "react" "react-dom" "react-scripts" "cra-template" "--cwd" "C:\kc\hb\react\my-app"
yarn add v1.19.1
info No lockfile found.
[1/4] Resolving packages...
error Couldn't find package "react" on the "npm" registry.
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.
Missing dependencies in package.json

解决办法:

下载yarn

npm uninstall yarn -g

然后重新创建项目 

create-react-app my-app

创建成功

cd my-app 进入项目

npm start 运行项目

### 解决 `create-react-app` 常见报错 #### 处理全局安装错误 当遇到 `npm install -g create-react-app` 出现 `EEXIST` 错误时,可以尝试强制覆盖已存在的文件来完成安装。命令如下: ```bash npm install -g create-react-app --force ``` 这会忽略路径冲突并继续安装所需包[^1]。 #### 版本不匹配警告处理 对于提示版本过低的情况(例如运行的是 4.0.3 而最新版为 5.0.0),建议更新到最新稳定版本以获得更好的兼容性和安全性支持。可以通过卸载旧版本再重新安装新版本的方式实现升级操作: ```bash npm uninstall -g create-react-app npx clear-npx-cache npx create-react-app@latest my-app ``` 上述指令先移除当前系统的 `create-react-app` 工具链,接着清理缓存确保获取最新的发布信息,最后指定使用最新发布的标签创建项目[^2]。 #### 应对模板资源未找到的问题 如果收到关于找不到特定依赖项如 `cra-template` 的 404 错误,则可能是由于网络连接不稳定或是镜像源配置不当引起的数据同步延迟所致。此时可考虑切换国内加速器或官方默认仓库地址来进行修复工作;另外一种情况是因为所请求的具体模块确实不存在于目标注册表内,这时应该确认输入参数无误后再做进一步排查[^3]: ```bash # 切换回官方NPM库 npm config set registry https://registry.npmjs.org/ # 或者更换成其他更稳定的中国区镜像站点 npm config set registry https://registry.npmmirror.com/ # 尝试再次初始化应用 npx create-react-app react_demo ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

LLL_LH

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值