使用create-react-app脚手架创建react项目

查看npx版本:

npx -v

在这里插入图片描述


使用如下命令创建项目时:

npx create-react-app demo

报错:

使用create-react-app脚手架创建react项目_第1张图片

解决:

以管理员身份运行cmd

使用create-react-app脚手架创建react项目_第2张图片

然后再次创建项目,又报错:

使用create-react-app脚手架创建react项目_第3张图片
经查得知:发生此错误是因为用户名中有空格,可以通过全局安装 create-react-app 来解决这个问题。

再解决:

1、全局安装create-react-app脚手架:

cnpm install -g create-react-app

2、再使用如下命令创建项目:

create-react-app demo

于是项目创建好了:

使用create-react-app脚手架创建react项目_第4张图片


但是,使用create-react-app创建项目非常慢,预计执行完create-react-app demo命令后,大概10分钟,项目才创建好,无法忍受。

分析:
create-react-app指令默认调用npm,所以比较慢。

解决:换源

执行如下命令换源:

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

执行完毕后,执行如下命令,如果出现上述地址,说明换源成功:

npm config get registry

使用create-react-app脚手架创建react项目_第5张图片
然后再使用create-react-app创建项目,大概只需要1分钟左右。


更多npm源切换知识:https://blog.csdn.net/sqf251877543/article/details/122088460

你可能感兴趣的:(react,react)