我的编程空间,编程开发者的网络收藏夹
学习永远不晚

creat react app 报错怎么办

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

creat react app 报错怎么办

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 报错怎么办的详细内容,更多请关注编程网其它相关文章!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

creat react app 报错怎么办

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

下载Word文档

猜你喜欢

creat react app 报错怎么办

creat react app报错的解决办法:1、通过“npm config set registry https://registry.npm.taobao.org”切换淘宝镜像源;2、通过执行“E:\workspace\demo\p4>npx create-react-app todolist”命令重新安装即可。
2023-05-14

creat react app报错如何解决

今天小编给大家分享一下creat react app报错如何解决的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。creat r
2023-07-04

webpack4 react报错怎么办

webpack4 react报错的解决办法:1、进入全局安装的webpack目录下;2、把安装的webpack版本删除;3、执行命令“npm un webpack npm un webpack-cli”;4、再执行“npm i webpack-dev-server@3.10.2”命令即可。
2023-05-14

react key 报错怎么办

react key报错的解决办法:1、在报错的页面搜索“map”或者“forEach”方法,然后添加唯一的key标识符;2、给footer里面自定义的按钮添加“key”属性即可。
2023-05-14

react navigation报错怎么办

react navigation报错的解决办法:1、配置“Stack.Navigator initialRouteName="Home"”,然后重启“yarn android”;2、删除“android\app\build\outputs\apk\debug”目录下的打包的apk文件,同时删除模拟器或真机上原有的apk包,然后重新执行“yarn android”即可。
2023-05-14

webstorm react 报错怎么办

webstorm react报错的解决办法:1、查看webstorm编辑react语法报错提示;2、把JavaScript的版本设置为“JSX Harmony”;3、把“<script>type”类型改为“text/jsx”即可。
2023-05-14

react+native+adb报错怎么办

react+native+adb报错的解决办法:1、在win10下使用adb链接模拟器,并在powershell中查看报错信息;2、直接找到“adb.exe”所在的地方;3、在“adb.exe”所在的目录下运行adb命令即可。
2023-05-14

react native红屏报错怎么办

react native红屏报错的解决办法:1、在“android/app/src/main/”中创建文件夹assets;2、执行命令“react-native bundle --platform android --dev false --entry-file index.android.js...”;3、在项目中执行“react-native run-android”即可。
2023-05-14

npm react 安装报错怎么办

npm react安装报错的解决办法:1、打开项目中的“package.json”文件,找到dependencies对象;2、将其中的“react.json”移动到“devDependencies”;3、在终端中运行“npm audit --production”即可修复警告。
2023-05-14

react 装饰器报错怎么办

react装饰器报错的解决办法:1、通过“create-react-app mobx-study”创建项目;2、通过“yarn add -D react-app-rewired customize-cra”安装插件;3、修改package.json文件中scripts脚本;4、在项目根目录下创建“config-overrides.js”和“.babelrc”即可。
2023-05-14

react启动项目报错怎么办

react启动项目报错的解决办法:1、进入项目文件夹,启动项目并查看报错信息;2、执行“npm install”或“npm install react-scripts”命令;3、执行“npm install @ant-design/pro-field --save”命令。
2023-05-14

react安装出错怎么办

react安装出错的解决办法:1、使用“create-react-app”安装react;2、执行“$ yarn config set ignore-engines true $ re-rf react-demo-1 $ create-react-app react-demo-1”命令即可解决安装报错问题。
2023-05-14

react.component 报错怎么办

react.component报错的解决办法:1、打开相应的react文件,查找“class Counter extends Component {static propTypes = {...”语句,将等号改为冒号;2、修改“{"presets": ["react", "es2015", "stage-0"]}”即可。
2023-05-14

canvas.toDataURL()报错怎么办

小编给大家分享一下canvas.toDataURL()报错怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!报错详尽信息Uncaught DOMExceptio
2023-06-09

pandas merge报错怎么办

小编给大家分享一下pandas merge报错怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!pandas 做merge的时候报这个错:df22 = pd.m
2023-06-14

node server.js 报错怎么办

node server.js报错是因为路径不对,其解决办法:1、进入cmd窗口;2、切换到项目路径下的“server.js”;3、重新执行“node server.js”命令即可解决报错问题。
2023-05-14

编程热搜

目录