npx create-react-app my-app 没有反应如何解决

既然遇到这个问题,Create React App 是什么,怎么用,我就不做描述了,这里主要记录一下在使用改命令创建项目时遇到的问题。

创建项目第一步,在命令行执行下面的命令:

使用 npx

1
npx create-react-app my-app

在 Windows 系统(本人 win10 )上,第一步就卡住了,什么情况呢?

执行该命令之后,在指定目录下面创建了 my-app/package.json 文件就不动了(等了十几分钟…,可能是我耐心不够,但是这确实是有问题的)。

当然,这里的 npx 是 npm 5.2 以上版本才有的,于是就尝试了不使用npx的方式。

不使用 npx

不使用 npx 的情况下,就要分两步执行了。首先,全局安装 create-react-app,然后再创建项目。

全局安装

npm install -g create-react-app

这里,因为 npm 使用的源是国外的,可能会很慢,可以安装使用 cnpm

创建项目

create-react-app my-app

使用这种方法,虽然情况稍微好点,成功的创建了项目。

但是还是花费了十分钟左右的时间,不满意。

npm 镜像

全局安装 create-react-app 的时候已经用过 cnpm ,没想到的是,在执行 create-react-app my-app时,还会自动安装一些包,这个时候,默认使用的还是npm

那么这个时候,很简单的思路,直接把 npm 的镜像源修改为国内的即可:

1
2
3
npm config set registry https://registry.npm.taobao.org
# 查看修改的结果
npm config get registry

当初不想修改 npm 配置才使用的 cnpm,现在还是得去改 npm。尴尬…

好吧,可以抛弃 cnpm 了,就直接使用改了镜像源的 npm 吧。

总结

说了这么多,那么这个问题的解决方案呢,就是修改 npm 的镜像源:

1
npm config set registry https://registry.npm.taobao.org

修改之后,使用 npx 创建项目或是用全局安装 create-react-app 的方式创建项目都很快了(两分钟左右,其实感觉还是有点慢,/xk…)。

-------------本文结束感谢您的阅读-------------
0%