讯息:creat react app 报错怎么办

时间:2022-12-27 11:57:59       来源:PHP中文网


(资料图片)

本教程操作环境: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 todolistnpm ERR! code ETIMEDOUTnpm ERR! syscall connectnpm ERR! errno ETIMEDOUTnpm ERR! network request to https://registry.npmjs.org/create-react-app failed, reason: connect ETIMEDOUT 104.16.16.35:443npm 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! networknpm ERR! network If you are behind a proxy, please make sure that thenpm 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.orgE:\workspace\demo\p4>npm config get registryhttps://registry.npm.taobao.org/
登录后复制

3. 再次安装

E:\workspace\demo\p4>npx create-react-app todolistCreating 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 1mInitialized a git repository.Installing template dependencies using npm...added 71 packages in 4sRemoving template package using npm...removed 1 package in 2sCreated git commit.Success! Created todolist at E:\workspace\demo\p4\todolistInside 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 startHappy hacking!
登录后复制

推荐学习:《react视频教程》

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

关键词: 相关文章 视频教程