如何解决安装 react-app 遇到的的网络问题

[chonh]

Java web 开发想了解下前端。最近在跟 fullstackopen.com 的课程。现在没法在 windows 上安装 react-app 。

试过的指令有:

1 、set HTTP_PROXY=http://127.0.0.1:58591, npx create-react-app my-app ；

2 、npm 设置代理，npm init react-app my-app ；

3 、在 linux 下载再传 windows，但是运行 npm start 报错。

想请教下大家是如何解决这个问题的。

[hikerpig]

哪方面的错误？ log 贴出来看下。 是下载的时候 TIMEOUT 吗？
在国内可以考虑使用淘宝 npm 镜像 https://developer.aliyun.com/mirror/npm

[sam014]

https://www.npmjs.com/package/mirror-config-china

[Jirajine]

如何解决？只能使用非法定信道进行国际联网了，不然还能怎样？就算你换了源，有些包 post-install 脚本里涉及网络请求的照样卡你。

[chonh]

@hikerpig @sam014 @Jirajine 已镜像，已代理。设置如下：

```
C:\Users\chon>npm config list
; cli configs
metrics-registry = "https://registry.npm.taobao.org/"
scope = ""
user-agent = "npm/6.9.0 node/v10.16.0 win32 x64"

; userconfig C:\Users\chon\.npmrc
https-proxy = "http://127.0.0.1:58591/"
proxy = "http://127.0.0.1:58591/"
registry = "https://registry.npm.taobao.org/"

; builtin config undefined
prefix = "C:\\Users\\chon\\AppData\\Roaming\\npm"

; node bin location = C:\Program Files\nodejs\node.exe
; cwd = C:\Users\chon
; HOME = C:\Users\chon
; "npm config ls -l" to show all defaults.
```

安装时卡住不动已过半小时：
```
C:\Users\chon\temp>npm init react-app part1
[############......] - extract:hyperquest: sill extract hyperquest@2.1.3 extracted to C:\Users\chon\AppData\Roaming\npm-cache\_npx\11516\node_modules\.s
```

[chonh]

回复的怎么没有格式化，也没有预览功能。

[QingStone]

有试过用 yarn 吗？我之前用 npm 创建 React App 也遭遇问题，甚至是 404 （我路由器已挂代理）。而去用 yarn，一点问题没有。最近也是在看你说的这个教程学 React

[suzic]

推荐放弃 npm 使用 yarn，可以规避很多莫名其妙的坑

[luob]

npm 好像不走 http_proxy，要在 npm config 里找一个什么 proxy 再设置一下

[darknoll]

set HTTPS_PROXY?

[chonh]

@QingStone @suzic 感谢回复，使用 yarn，安装 40 分钟后终于成功了。

Happy hacking!
Done in 2331.71s.

[pinkSlime]

create-react-app 也没啥需要拉网络文件的包啊
sass 默认是不安装的 应该不是网络问题吧 看看具体卡哪了
实在不行直接 install 一个 react-scripts 试试

[QingStone]

@chonh 你这个耗时也太长了吧。啥网络？

[wuxinli1025]

VPN

[buffzty]

yarn create react-app my-app
我用 yarn +淘宝镜像 没出过问题,都是如果安装 node-sass,puppeteer 这种 设置淘宝镜像环境变量就行
如果不知道怎么设置去 npmjs.com 看说明
刚刚亲测 2 分钟之内全部 ok