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

查看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分钟左右。


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

相关推荐
放逐者-保持本心,方可放逐10 天前
react 框架应用+总结+参考
前端·前端框架·react
白泽来了10 天前
我开源了一个短视频应用(Go+React)|DouTok2.0 项目介绍
微服务·开源·go·react
星辰大海141211 天前
react 基础学习笔记
前端·javascript·笔记·学习·react·1024程序员节
canonical-entropy12 天前
从React Hooks看React的本质
前端·前端框架·react·hooks·1024程序员节
不知名靓仔12 天前
React常用前端框架合集
前端框架·react
廖秋林13 天前
Vite React 项目绝对路径配置
javascript·typescript·react
长河14 天前
React18-useEffect函数
前端·react·1024程序员节
Casta-mere21 天前
【Next.js 项目实战系列】08-数据处理
typescript·react·next.js·issue tracker
任风雨22 天前
React1-基础概念
前端·react
职教育人23 天前
前端三大框架对比与选择
前端·vue.js·react·angular