V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
chonh
V2EX  ›  React

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

  •  
  •   chonh · 2020-07-04 11:32:20 +08:00 · 2998 次点击
    这是一个创建于 1637 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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 报错。

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

    14 条回复    2020-07-04 23:17:58 +08:00
    hikerpig
        1
    hikerpig  
       2020-07-04 11:38:19 +08:00
    哪方面的错误? log 贴出来看下。 是下载的时候 TIMEOUT 吗?
    在国内可以考虑使用淘宝 npm 镜像 https://developer.aliyun.com/mirror/npm
    sam014
        2
    sam014  
       2020-07-04 11:40:51 +08:00
    Jirajine
        3
    Jirajine  
       2020-07-04 11:47:38 +08:00 via Android   ❤️ 1
    如何解决?只能使用非法定信道进行国际联网了,不然还能怎样?就算你换了源,有些包 post-install 脚本里涉及网络请求的照样卡你。
    chonh
        4
    chonh  
    OP
       2020-07-04 12:42:09 +08:00
    @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 [email protected] extracted to C:\Users\chon\AppData\Roaming\npm-cache\_npx\11516\node_modules\.s
    ```
    chonh
        5
    chonh  
    OP
       2020-07-04 12:44:24 +08:00
    回复的怎么没有格式化,也没有预览功能。
    QingStone
        6
    QingStone  
       2020-07-04 13:00:25 +08:00 via iPhone
    有试过用 yarn 吗?我之前用 npm 创建 React App 也遭遇问题,甚至是 404 (我路由器已挂代理)。而去用 yarn,一点问题没有。最近也是在看你说的这个教程学 React
    suzic
        7
    suzic  
       2020-07-04 13:15:41 +08:00 via Android
    推荐放弃 npm 使用 yarn,可以规避很多莫名其妙的坑
    luob
        8
    luob  
       2020-07-04 13:25:16 +08:00 via iPhone
    npm 好像不走 http_proxy,要在 npm config 里找一个什么 proxy 再设置一下
    darknoll
        9
    darknoll  
       2020-07-04 13:33:48 +08:00 via Android
    set HTTPS_PROXY?
    chonh
        10
    chonh  
    OP
       2020-07-04 14:11:00 +08:00
    @QingStone @suzic 感谢回复,使用 yarn,安装 40 分钟后终于成功了。

    Happy hacking!
    Done in 2331.71s.
    pinkSlime
        11
    pinkSlime  
       2020-07-04 14:14:32 +08:00
    create-react-app 也没啥需要拉网络文件的包啊
    sass 默认是不安装的 应该不是网络问题吧 看看具体卡哪了
    实在不行直接 install 一个 react-scripts 试试
    QingStone
        12
    QingStone  
       2020-07-04 14:20:34 +08:00 via iPhone
    @chonh 你这个耗时也太长了吧。啥网络?
    wuxinli1025
        13
    wuxinli1025  
       2020-07-04 22:53:33 +08:00
    VPN
    buffzty
        14
    buffzty  
       2020-07-04 23:17:58 +08:00
    yarn create react-app my-app
    我用 yarn +淘宝镜像 没出过问题,都是如果安装 node-sass,puppeteer 这种 设置淘宝镜像环境变量就行
    如果不知道怎么设置去 npmjs.com 看说明
    刚刚亲测 2 分钟之内全部 ok
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3102 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 00:14 · PVG 08:14 · LAX 16:14 · JFK 19:14
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.