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

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

  •  
  •   chonh · 114 天前 · 1259 次点击
    这是一个创建于 114 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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   114 天前
    哪方面的错误? log 贴出来看下。 是下载的时候 TIMEOUT 吗?
    在国内可以考虑使用淘宝 npm 镜像 https://developer.aliyun.com/mirror/npm
    Jirajine
        3
    Jirajine   114 天前 via Android   ❤️ 1
    如何解决?只能使用非法定信道进行国际联网了,不然还能怎样?就算你换了源,有些包 post-install 脚本里涉及网络请求的照样卡你。
    chonh
        4
    chonh   114 天前
    @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   114 天前
    回复的怎么没有格式化,也没有预览功能。
    QingStone
        6
    QingStone   114 天前 via iPhone
    有试过用 yarn 吗?我之前用 npm 创建 React App 也遭遇问题,甚至是 404 (我路由器已挂代理)。而去用 yarn,一点问题没有。最近也是在看你说的这个教程学 React
    suzic
        7
    suzic   114 天前 via Android
    推荐放弃 npm 使用 yarn,可以规避很多莫名其妙的坑
    luob
        8
    luob   114 天前 via iPhone
    npm 好像不走 http_proxy,要在 npm config 里找一个什么 proxy 再设置一下
    darknoll
        9
    darknoll   114 天前 via Android
    set HTTPS_PROXY?
    chonh
        10
    chonh   114 天前
    @QingStone @suzic 感谢回复,使用 yarn,安装 40 分钟后终于成功了。

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