广告
返回顶部
首页 > 资讯 > 前端开发 > 其他 >creat react app 报错怎么办
  • 755
分享到

creat react app 报错怎么办

createReact 2023-05-14 22:05:47 755人浏览 独家记忆
摘要

本教程操作环境:windows10系统、React18.0.0版、Dell G3电脑。creat react app 报错怎么办?create-react-app安装报错1. 错误原因当创建React应用时候,执行 npx create-r

creat react app 报错怎么办

教程操作环境:windows10系统、React18.0.0版、Dell G3电脑。

creat react app 报错怎么办?

create-react-app安装报错

1. 错误原因

当创建React应用时候,执行 npx create-react-app todolist, 报以下错误:

E:\workspace\demo\p4>npx create-react-app todolist
npm ERR! code ETIMEDOUT
npm ERR! syscall connect
npm ERR! errno ETIMEDOUT
npm ERR! network request to https://reGIStry.npmjs.org/create-react-app failed, reason: connect ETIMEDOUT 104.16.16.35:443
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network 'proxy' config is set properly.  See: 'npm help config'

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\stORM\AppData\Local\npm-cache\_logs\2022-12-13T05_17_26_631Z-debug-0.log

2. 解决办法

切换淘宝镜像源

#换源
npm config set registry Https://registry.npm.taobao.org
#查看
npm config get registry

执行结果如下:

E:\workspace\demo\p4>npm config set registry https://registry.npm.taobao.org

E:\workspace\demo\p4>npm config get registry
https://registry.npm.taobao.org/

3. 再次安装

E:\workspace\demo\p4>npx create-react-app todolist

Creating a new React app in E:\workspace\demo\p4\todolist.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...


added 1395 packages in 1m

Initialized a git repository.

Installing template dependencies using npm...

added 71 packages in 4s
Removing template package using npm...


removed 1 package in 2s

Created git commit.

Success! Created todolist at E:\workspace\demo\p4\todolist
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t Go back!

We suggest that you begin by typing:

  cd todolist
  npm start

Happy hacking!

以上就是creat react app 报错怎么办的详细内容,更多请关注编程网其它相关文章!

--结束END--

本文标题: creat react app 报错怎么办

本文链接: https://www.lsjlt.com/news/206166.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • creat react app 报错怎么办
    本教程操作环境:Windows10系统、react18.0.0版、Dell G3电脑。creat react app 报错怎么办?create-react-app安装报错1. 错误原因当创建React应用时候,执行 npx create-r...
    99+
    2023-05-14
    create React
  • creat react app报错如何解决
    今天小编给大家分享一下creat react app报错如何解决的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。creat r...
    99+
    2023-07-04
  • create-react-app安装出错怎么办
    这篇文章主要介绍了create-react-app安装出错怎么办,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。create-react-ap...
    99+
    2022-10-19
  • react key 报错怎么办
    本教程操作环境:Windows10系统、react18.0.0版、Dell G3电脑。react key 报错怎么办?react key值报错分析使用react的时候很容易出现key报错的问题,一般的解决方式就是,再报错的页面搜索 map ...
    99+
    2023-05-14
    React
  • webpack4 react报错怎么办
    本教程操作环境:Windows10系统、react18.0.0版、Dell G3电脑。webpack4 react报错怎么办?react 项目本地升级webpack4后报错解决办法报错如上图:解决办法,进入全局安装的webpack目录下:进...
    99+
    2023-05-14
    React webpack
  • react navigation报错怎么办
    本教程操作环境:Windows10系统、react18.0.0版、Dell G3电脑。react navigation报错怎么办?react-navigation报错requireNativeComponent: “RNSScreenSta...
    99+
    2023-05-14
    react-native
  • webstorm react 报错怎么办
    本教程操作环境:Windows10系统、react18.0.0版、Dell G3电脑。webstorm react 报错怎么办?webstorm 编辑react语法报错解决问题:解决办法:1.把 JavaScript 的版本设置为 JSX ...
    99+
    2023-05-14
    WebStorm React
  • react+native+adb报错怎么办
    本教程操作环境:Windows10系统、React Native0.67版、Dell G3电脑。react+native+adb报错怎么办?react-native在win10下用adb报错的解决方案react-native在WIN10上面...
    99+
    2023-05-14
    adb react-native
  • react native红屏报错怎么办
    本教程操作环境:Windows10系统、React Native0.67版、Dell G3电脑。react native红屏报错怎么办?react-native启动时红屏报错:Unable to load script.Make sure ...
    99+
    2023-05-14
    React react-native
  • npm react 安装报错怎么办
    本教程操作环境:Windows10系统、react18.0.0版、Dell G3电脑。npm react 安装报错怎么办?npm安装react时提示报错在使用npx create-react-app的安装过程中出现了6 high sever...
    99+
    2023-05-14
    React npm
  • react 装饰器报错怎么办
    本教程操作环境:Windows10系统、react18.0.0版、Dell G3电脑react 装饰器报错怎么办?React的decorators装饰器报错一、decorators装饰器报错@在初次使用React 的装饰器时,第一次在项目中...
    99+
    2023-05-14
    装饰器 React
  • react启动项目报错怎么办
    本教程操作环境:Windows10系统、react18.0.0版、Dell G3电脑。react创建项目启动报错的完美解决方法一、预备知识:npm (也可以用yarn,本文以npm为例)npm介绍全称为Node Package Manage...
    99+
    2023-05-14
    项目 React
  • react安装出错怎么办
    本教程操作环境:Windows10系统、react18.0.0版、Dell G3电脑。react安装出错怎么办?react 安装及安装报错解决办法1. 安装安装react可以使用create-react-app还可以用webpack和rol...
    99+
    2023-05-14
    React
  • canvas.toDataURL()报错怎么办
    小编给大家分享一下canvas.toDataURL()报错怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!报错详尽信息Uncaught DOMExceptio...
    99+
    2023-06-09
  • react.component 报错怎么办
    本教程操作环境:Windows10系统、react18版、Dell G3电脑。react.component 报错怎么办?react component 语法报错解决React es6语法 class Counter extends Com...
    99+
    2023-05-14
    component React
  • node  import报错怎么办
    本教程操作环境:Windows10系统、node18.4.0版、Dell G3电脑。node import报错怎么办?运行nodejs项目,npm start启动项目import报错,SyntaxError: Cannot use imp...
    99+
    2023-05-14
    import Node.js
  • node gm 报错怎么办
    本教程操作环境:linux5.9.8系统、node-v16.18.0版、DELL G3电脑node gm 报错怎么办?关于nodejs gm的各种各样的问题解决方法集合(中文乱码,non-conforming drawing,��Ч����...
    99+
    2023-05-14
    gm node
  • php use报错怎么办
    本文操作环境:Windows7系统、PHP7.1版、Dell G3电脑。php use报错怎么办hp use引入文件后报错记录一下:问题:原生php use引入文件后报错,提示没找到这个文件。原因:原生php没有文件自动引入机制,所以,使用...
    99+
    2015-06-08
    php use
  • Oracle Dataguard报错怎么办
    这篇文章主要为大家展示了“Oracle Dataguard报错怎么办”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Oracle Dataguard报错怎么办”这...
    99+
    2022-10-19
  • TNS-12555报错怎么办
    小编给大家分享一下TNS-12555报错怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!在使用脚本启动数据库时,发现监听器无...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作