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

盛大人很低调2023-11-09 16:34

查看npx版本：

复制代码

npx -v

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

复制代码

npx create-react-app demo

报错：

解决：

以管理员身份运行cmd

然后再次创建项目，又报错：

经查得知：发生此错误是因为用户名中有空格，可以通过全局安装 create-react-app 来解决这个问题。

再解决：

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

复制代码

cnpm install -g create-react-app

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

复制代码

cretate-react-app demo

于是项目创建好了：

但是，使用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创建项目，大概只需要1分钟左右。