Heim > Web-Frontend > Front-End-Fragen und Antworten > Was soll ich tun, wenn beim Erstellen der React-App eine Fehlermeldung angezeigt wird?

Was soll ich tun, wenn beim Erstellen der React-App eine Fehlermeldung angezeigt wird?

藏色散人
Freigeben: 2022-12-27 11:29:47
Original
2905 Leute haben es durchsucht

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

Was soll ich tun, wenn beim Erstellen der React-App eine Fehlermeldung angezeigt wird?

本教程操作环境: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
Nach dem Login kopieren

2. 解决办法

切换淘宝镜像源

#换源
npm config set registry https://registry.npm.taobao.org
#查看
npm config get registry
Nach dem Login kopieren

执行结果如下:

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/
Nach dem Login kopieren

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!
Nach dem Login kopieren

推荐学习:《react视频教程

Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn beim Erstellen der React-App eine Fehlermeldung angezeigt wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage