You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Windows10环境下npx create-react-app创建React项目失败,提示JSON输入意外结束错误

解决npx create-react-app创建项目时JSON解析失败的问题

看起来你遇到的核心问题是npm拉取包时网络不稳定导致缓存文件损坏,进而触发JSON解析失败的报错。结合你的环境(Windows 10、npm 7.6.3、Node.js 12.18.2),我给你整理了一套针对性的解决方案:

一、切换到国内稳定的npm镜像源

默认的registry.npmjs.org在国内访问经常会超时或下载不完整,这是你遇到报错的主要原因。建议切换到淘宝镜像源:

npm config set registry https://registry.npmmirror.com

执行完后可以验证一下是否设置成功:

npm config get registry

如果输出是https://registry.npmmirror.com就说明设置好了。

二、彻底清理npm缓存(关键步骤)

你之前清理缓存的操作可能没彻底清除损坏的缓存文件,需要手动配合命令清理:

  1. 先执行强制清理命令:
    npm cache clean --force
    
  2. 手动删除npm缓存目录:打开文件管理器,找到C:\Users\Habib\AppData\Local\npm-cache,把这个文件夹整个删除(这个是日志里提到的缓存目录,之前的损坏文件大概率在这里)。

三、卸载全局安装的create-react-app

全局安装的create-react-app可能会和npx默认拉取的最新版本冲突,建议卸载:

npm uninstall -g create-react-app

卸载后可以输入create-react-app --version,如果提示“不是内部或外部命令”,说明卸载成功。

四、重新创建React项目

现在用npx重新创建项目,同时指定镜像源确保下载稳定:

npx create-react-app tutorial1 --registry=https://registry.npmmirror.com

备选方案:升级Node.js版本(如果上述步骤无效)

你当前用的Node.js 12.18.2虽然支持create-react-app 4.0.3,但Node.js 12已经进入维护阶段,建议升级到14.x LTS版本(长期支持版),兼容性和稳定性更好。你可以直接去Node.js官网下载对应的安装包覆盖安装。


内容的提问来源于stack exchange,提问作者coderboy

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.29 10:53:52