npx create-react-app my-app 安装报错

原创于 2025-06-05 10:01:48 发布 · 238 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #javascript #前端

问题简述：

根据react文档上安装命令行npx create-react-app my-app,但是出现报错信息。信息如下：

解决方法：全局安装变量

npm install -g create-react-app

再执行react文档对应的步骤

npx create-react-app my-app

cd my-app
npm start

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

rice01

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

使用create-react-app创建React应用

HackCyberX的博客

09-30

303

create-react-app是一个强大的命令行工具，用于快速创建和初始化基于React的单页面应用程序。这将在当前目录下创建一个名为"my-app"的新文件夹，并在其中初始化一个新的React应用程序。create-react-app将自动创建一个基本的React应用程序骨架，包含了必要的配置和文件结构。通过create-react-app，你可以更专注于应用程序的开发，而无需花费大量时间和精力来配置和设置React项目的基础结构。你可以根据自己的需要修改和扩展这些文件，以满足特定的应用程序要求。

创建新的react应用时（npx create-react-app my-app）报错：You are running `create-react-app` 4.0.3, which is

p_plum的博客

10-15

902

创建新的react应用时（npx create-react-app my-app）报错： You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.1). We no longer support global installation of Create React App.

参与评论您还未登录，请先登录后发表或查看评论

npx create-react-app xxx创建项目报错的解决办法

11-21

手头有一台大学时代的Windows电脑，它此前没有装过create-react-app，只装了node环境。版本信息：node -> 10.16.3，npm -> 6.9.0。前几日闲的无事想给它装个React，结果失败了，报了错，所以有了下面这出。安装过程根据React官方文档（上图）可以发现，此时并不需要安装create-react-app工具，只要你的node >= 8.10 && npm >= 5.6，就可以直接使用npx create-react-app命令来创建项目。报错好的:OK_hand:，那就根据上面的来呗，输入npx create-react-app，这时就出现了前文提到的错误，

React一基础

最新发布

jiuchabaikaishui的专栏

07-15

1263

React 是一个用于构建用户界面的javaScript库，起源于facebook的内部项目，后续在13年开源了出来。声明式——只需要描述UI看起来是什么样式，就跟写HTML一样，React负责渲染UI基于组件——组件时React最重要的内容，组件表示页面中的部分内容，组合、复用多个组件，可以实现完整的页面功能学习一次，随处使用——使用React可以开发Web应用，使用React可以开发移动端，可以开发VR应用。

使用npx create-react-app my-app 报错

weixin_43990297的博客

05-27

2260

在项目搭建初始化对的时候，使用react官网上的命令创建项目的时候，发现报如下错误经过噼里啪啦一顿度娘，找到一个有效的方法解决方案： “更换node cache 路径” 在项目目录下面运行： #npm config set cache “C:\Users\登录windows的用户名\AppData\Roaming\npm-cache”–global 切记目录和“–global”之间没有空格。原文链接：https://blog.csdn.net/wszxg8866/article/details/835

npx create-react-app my-app报错

qq_39541995的博客

08-31

348

npx create-react-app my-app报错报错详情解决切换成华为源，再次执行 npm config set registry https://mirrors.huaweicloud.com/repository/npm/ npm config get registry 参考链接 https://www.v2ex.com/t/507460

npx create-react-app react-app-demo ```

04-12

npx create-react-app react-app-demo ``` 将一些用不到的文件和内容删除掉。 ## 1、表格组件基本使用在`src`目录下面创建`views`目录，在该目录下面创建`GoodsList.js`文件，该文件的初步代码如下所示： ```...

create-react-app构建项目慢的解决方法

01-19

create-react-app my-app 来创建一个新的React应用。由于某原因,在拉取各种资源时,往往会巨慢,一直卡在 fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch 解决方案是换源,虽然平常...

[ react app环境搭建 ] ---- 使用npx create-react-app my-app 报错

weixin_41697323的博客

12-02

3777

问题简述根据react文档上安装命令行npx create-react-app my-app, 但是出现报错信息。信息如下解决方法, 先全局安装create-react-app脚手架，然后再执行官网三 npm install -g create-react-app npx create-react-app my-app cd my-app npm start ...

react 【npx create-react-app my-app】执行错误

qq_28976959的博客

11-26

769

错误提示： npm ERR! code ENOLOCAL Could not install from "Files\nodejs\node_cache\_npx\29476"as it does not contain a package.json file. 原因： node路径带有空格打开DOS窗口，执行 npm config get cache 显示：C:\ProgramFiles...

cra-template-cypress:Create React App 的基本 Cypress 模板

08-03

cra-template-cypress 模板。要使用此模板， --template cypress在创建新应用程序时添加--template cypress 。例如： npx create-react-app my-app --template cypress 要么 yarn create react-app my-app --template cypress :triangular_flag: 由赛普拉斯 DX 团队制作。对 Cypress 感兴趣并像这样工作？我们正在招聘！在了解更多信息

React官方文档npx create-react-app my-app命令不存在

qq_36221219的博客

12-04

1163

学习React时遇到的第一个问题，跟着官方文档创建新的 React 应用时，使用npx create-react-app my-app命令提示命令不存在。必应搜索了一下，大致的解决方式如下：第一步：全局安装create-react-app 第二步：使用create-react-app命令创建app 使用这种方式可以成功创建项目，但是官方文档给的创建方式怎么会错呢，所以稍微研究了一下。发现是因为node安装过程中没有设置global目录，所以在自定义的目录下执行该命令会报错。解决方式如下： 1.查看p

npx create-react-app my-app搭建React脚手架报错，npm ERR! Unexpected end of JSON input while parsing near ‘

lianghongyu2019的博客

01-13

1479

问题：使用create-react-app初始化react项目报错。首先yarn add global create-react-app，然后新建文件夹执行npx create-react-app my-app。开始报错，报错信息如下：然后开始react官网，github上开始寻找解决办法… 终于https://create-react-app.dev/docs/getting-started上看到一句话，大概就是在此之前你执行过create-react-app的命令的话，建议你全局卸载下，确保n

request to https://registry.npmjs.org/create-react-app failed, reason: connect ETIMEDOUT

weixin_42857490的博客

01-14

1843

react项目创建，nodejs安装的前提下，error对正

解决npm error create-react-app my-app 报错

ladream的博客

07-30

1652

更换npm代理 npm config set registry http://registry.cnpmjs.org 单独执行三句命令： npm install -g react npm install -g react-dom npm install -g react-scripts 最后重新创建！ create-react-app first-demo 成功！ Happy hacking! 为了以后下别的包快一点，可以再换回淘宝代理 npm config set registry https:

Create React App

前端小白成长记

11-05

1304

一、mac电脑Create React App 在item中通过cd 相应的文件夹然后 npx create-react-app my-app（my-app可以替换成任何你想要命名的文件夹）如下图所示出现报错：there appears to be trouble with your network connection. retrying 解决方法： yarn --ne...

创建新的 React 应用

yunanxxx的博客

03-16

1043

它只是创建一个前端构建流水线（build pipeline），所以你可以使用它来配合任何你想使用的后端。它会配置你的开发环境，以便使你能够使用最新的 JavaScript 特性，提供良好的开发体验，并为生产环境优化你的应用程序。你需要在你的机器上安装。npm start命令。就会跳转到下面这个页面，你的react项目就创建成功了。了解 Create React App 的更多信息。的舒适环境，也是用 React 创建。文件夹内生成你应用的优化版本。，但你无需了解它们的任何细节。

npx create-react-app报错

03-16

npx create-react-app 报错可能有多种原因，需要具体分析。以下是一些可能的解决方法： 1. 确认你的电脑上已经安装了 Node.js 和 npm，如果没有安装，需要先安装。 2. 确认你的网络连接正常，如果网络连接不稳定，可能会导致 npx create-react-app 报错。 3. 确认你的命令行工具是最新版本，如果不是最新版本，可能会导致 npx create-react-app 报错。 4. 如果你使用的是 Windows 系统，可能需要以管理员身份运行命令行工具，才能正常执行 npx create-react-app。 5. 如果以上方法都无法解决问题，可以尝试使用 yarn create react-app 命令来创建 React 应用程序，或者手动安装 React 和相关依赖，然后手动配置项目。希望以上方法能够帮助你解决问题。