react脚手架创建项目失败?

article/2025/11/8 16:14:11

收藏从未停止,学习从未开始

react脚手架创建项目

时隔一年,中间虽参与过几个react项目,但是一直没机会从0创建项目开始。后一直致力于vue的开发,所以暂时放下了react。

至今,闲暇之余本想着重新温习一下react,但在创建项目的时候发现一个问题,特此记录。

使用脚手架命令创建项目:

create-react-app pro_name

提示了以下信息:

You are running `create-react-app` 4.0.2, which is behind the latest release (4.0.3).We no longer support global installation of Create React App.Please remove any global installs with one of the following commands:
- npm uninstall -g create-react-app
- yarn global remove create-react-appThe latest instructions for creating a new app can be found here:
https://create-react-app.dev/docs/getting-started/

可以看到,这么一句话:We no longer support global installation of Create React App.我们不再支持全局安装Create React App。

然后推荐卸载已全局安装的react脚手架。查看官网可知,和npm版本有关

查看npm版本:

npm -v

在这里插入图片描述
我的npm版本是 6.14.4

npm版本 >= 5.2的时候,不能全局安装脚手架,需使用 npx create-react-app my-app进行创建项目
npm版本 < 5.2,则需全局安装脚手架,使用create-react-app pro_name进行项目创建



如果npm>= 5.2 且使用上述指令依旧报上述错误,可尝试以下指令:

npx create-react-app@latest my-app

http://chatgpt.dhexx.cn/article/s9wYhTV4.shtml

相关文章

React 开发环境的搭建 (React脚手架)

1. react脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置&#xff08;语法检查、jsx编译、devServer…&#xff09;下载好了所有相关的依赖可以直接运行一个简单效果react提供了一个用于创建react项目的脚手架库: create-react-app项目…

react官方脚手架安装

1 npm i create-react-app -g 全局安装 2 create-react-app --version 检测版本号 3 create-react-app 项目的名字&#xff08;项目名一般小写&#xff09; 4 cd 项目的名字 5 运行 yarn start 6 一般都是要安装路由的 npm i react-router-dom (注意的是react路由安装的版本不同…

React创建脚手架

第一步&#xff1a;全局安装:npm i -g create-react-app或者npm install -g create-react-app npm i -g create-react-app //在全局安装create-react-app 我有遇到报错&#xff08;如果没有遇到这个报错的请忽略该处&#xff09;&#xff1a; 遇到这个错误&#xff0c…

React脚手架的搭建

1、安装Node.js 下载 | Node.js 2、运行node -v和npm -v两条命令 查看是否安装成功 3、npm install -g cnpm --registryhttps://registry.npm.taobao.org 用npm安装cnpm&#xff0c;将镜像源设置为国内镜像源,有些软件可能在国外,就会下载比较慢,cnpm就会相对快很…

React脚手架安装

一,npm与yarn 都能安装脚手架,如果没有yarn,全局执行命令行安装 npm install -g yarn查看版本: yarn --versionYarn 淘宝源安装&#xff0c;分别复制粘贴以下代码行到黑窗口运行即可 yarn config set registry https://registry.npm.taobao.org -g yarn config set sass_bin…

React脚手架搭建及创建React项目

1.安装node.js和npm: 可自行到node官网下载&#xff0c;下载node完成后&#xff0c;npm也会自行下载完成。 2.通过cmd执行 node -v 和 npm -v 查看是否下载成功和下载成功后的版本号。 3.安装好的npm的源默认是国外的源&#xff0c;会因为网络原因导致执行npm操作有延时&#…

React-6-脚手架

1、介绍 React脚手架名称&#xff1a;create-react-app。 什么是React脚手架&#xff1a;FaceBook的React团队官方出的一个快速构建React单页面应用的工具&#xff0c;用来帮助开发者创建一个基于React库的模板项目&#xff0c;项目引入了React及其它基础的依赖库&#xff08…

React安装脚手架

create-react-app 脚手架&#xff1a;用一行命令&#xff0c;帮助开发者&#xff0c;自动创建项目工程&#xff0c;创建目录&#xff0c;创建文件&#xff0c;编写起始代码 如果没有脚手架我们需要自己一个文件一个目录的创建。 使用脚手架步骤 1&#xff1a;安装脚手架2&…

React脚手架的安装

React脚手架是基于webpak基础&#xff0c;所以前提条件是安装好npm或者yarn版本管理器。 目录 yarn基于npm安装 安装React脚手架步骤 React脚手架项目结构 当运行React项目卡住 yarn基于npm安装 //全局安装&#xff1a;npm install -g yarn //查看版本&#xff1a;yarn -…

React应用(基于React脚手架)

目录 前言&#xff1a;一、使用create-react-app创建react应用1、什么是 react 脚手架&#xff1f;2. 创建 cli 脚手架方式13. 创建 cli 脚手架方式24. npx:5. react脚手架项目结构6. 功能界面的组件化编码流程&#xff08;通用&#xff09;7. 如何更改脚手架版本 二、React 组…

React-(1)React工程搭建(脚手架)

React工程搭建 简而言之&#xff0c;脚手架是一个CLI工具。可以帮我们创建已经配置好打包工具和项目目录结构的工程化项目模板。脚手架让项目从搭建到开发&#xff0c;再到部署&#xff0c;整个流程变得快速和便捷 1.安装react脚手架 npm i -g create-react-app2.创建react工程…

如何安装React的第一个脚手架

前言 学习React和Vue其实很多都是想通的&#xff0c;Vue中学到过一般我们都是通过脚手架来完成项目的开发&#xff0c;那么React也同样是有脚手架进行开发的&#xff0c;这样可以为我们省去很多的时间提高的我们的开发效率。那么接下来就是如何完成第一个脚手架的开发。 操作…

搭建react脚手架初识react

一、环境准备&项目搭建 &#xff08;1&#xff09;安装最新node.js 中文官网&#xff1a;https://nodejs.org/zh-cn/ 下载msi&#xff0c;直接安装即可&#xff08;安装过程中记得勾选 Add to path&#xff09; 查看node版本 node -v 查看npm&#xff08;nodejs下的包管…

十二、React脚手架

1. 使用create-react-app创建react应用 1.1. react脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置&#xff08;语法检查、jsx编译、devServer…&#xff09; 下载好了所有相关的依赖 可以直接运行一个简单效果 react提供了一个用于创建…

React-脚手架

系列文章目录 react&#xff0c;react-基本使用&#xff0c;react-脚手架&#xff0c; jsx的使用&#xff0c;条件渲染 文章目录 系列文章目录一、React是什么&#xff1f;二、React-特点三.React-基本使用四. React-脚手架使用react脚手架初始化项目初次安装报错&#xff1a;…

【React 框架】React 应用:基于 React 脚手架

学习视频&#xff1a;尚硅谷React教程&#xff08;2022加更&#xff0c;B站超火react教程&#xff09;_哔哩哔哩_bilibili 一、创建 react 应用 1、react 脚手架概述 &#xff08;1&#xff09;xxx 脚手架&#xff1a;用来帮助程序员快速创建一个基于 xxx 库的模板项目。 ① …

react脚手架

1.脚手架简介 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置&#xff08;语法检查、jsx编译、devServer…&#xff09;下载好了所有相关的依赖可以直接运行一个简单效果react提供了一个用于创建react项目的脚手架库: create-react-app项目的…

React(二)react脚手架的搭建

目录 一、搭建本地开发环境 二、创建 React 脚手架项目 三、VS Code 启动脚手架项目 React脚手架我们所用的其中一个是Create React App&#xff0c;Create React App 是一个用于学习 React 的舒适环境&#xff0c;也是用 React 创建新的单页应用的最佳方式。它会配置你的开…

React--》超详细教程——React脚手架的搭建与使用

目录 React脚手架的创建 全局安装创建 npx安装创建(官方推荐) 指定React版本安装 脚手架文件介绍 React脚手架是开发现代Web应用的必备&#xff0c;其充分利用Webpack、Babel、ESlint等工具辅助项目的开发&#xff0c;当然这些工具也无需手动配置即可使用&#xff0c;脚手…