今天小编给大家分享一下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”命令重新安装即可。
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报错如何解决”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注云搜网行业资讯频道。