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缓存(关键步骤)
你之前清理缓存的操作可能没彻底清除损坏的缓存文件,需要手动配合命令清理:
- 先执行强制清理命令:
npm cache clean --force - 手动删除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
相关产品推荐
相关产品推荐

