使用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

相关推荐
远洋录16 小时前
React性能优化实战:从理论到落地的最佳实践
前端·人工智能·react
高山我梦口香糖1 天前
[react 3种方法] 获取ant组件ref用ts如何定义?
typescript·react
一叶茶4 天前
前端生成docx文档、excel表格、图片、pdf文件
前端·javascript·react
走,板砖去6 天前
大文件传输与断点续传实现(极简Demo: React+Node.js)
node.js·react
SRestia6 天前
Django+React---从0搭建一个听音乐+聊天室的网站
websocket·django·react
远洋录6 天前
前端部署实战:从人工发布到全自动化流程
前端·人工智能·react
Rudon滨海渔村8 天前
React-antd组件库 - 让Menu子菜单项水平排列 - 下拉菜单排序 - 自定义子菜单展示方式
前端·react.js·前端框架·react
远洋录10 天前
前端单元测试实战:从零开始构建可靠的测试体系
前端·人工智能·react
Krorainas10 天前
将PDF流使用 canvas 绘制然后转为图片展示在页面上(二)
前端·javascript·pdf·react
远洋录11 天前
前端性能优化实战:从加载到渲染的全链路提升
前端·人工智能·react