关于npx react-native run-android下载进程缓慢以及进程卡壳等问题的解决方案。

发布于:2025-08-07 ⋅ 阅读:(20) ⋅ 点赞:(0)

作为小白接触react-native时,在构建项目的时候终是速度极其缓慢,甚至会出现超时无法下载等问题,如下图:

我们可以在官网中查看到,

第一次运行时需要下载大量编译依赖,耗时可能数十分钟。此过程严重依赖稳定的代理软件,否则将频繁遭遇链接超时和断开,导致无法运行。所以我们有两种方法,一个是走翻墙,clash等软件,但是十分麻烦,不太推荐,当然各别公司有外网使用的话直接用就好了。

第二个方法就是搭配国内镜像,react-native构建打包主要在两个方面,一个是js打包类似于webpack,一个是android部分的原生打包。

1.对js打包设置镜像源

(1)永久设置阿里云镜像源

# 设置 npm 镜像
npm config set registry https://registry.npmmirror.com

# 设置 yarn 镜像
yarn config set registry https://registry.npmmirror.com

# 设置 React Native 镜像 (重要!)
npm config set react_native_url https://cdn.npmmirror.com/dist/react-native

(2)临时使用

yarn install --registry=https://registry.npmmirror.com

(3)补充淘宝镜像源(和阿里云挑一个就好了)

npm config set registry https://registry.npm.taobao.org --global

(4)检查npm源

npm config get registry
# 应返回 https://registry.npmmirror.com

2.配置gradle镜像源

进入android/build.gradle文件中

buildscript {
    repositories {
        // 阿里云镜像
        maven { url 'https://maven.aliyun.com/repository/public' }
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/gradle-plugin' }
        // 备用源
        mavenCentral()
        google()
    }
}

allprojects {
    repositories {
        // 阿里云镜像
        maven { url 'https://maven.aliyun.com/repository/public' }
        maven { url 'https://maven.aliyun.com/repository/google' }
        // 华为镜像 (针对 HMS 依赖)
        maven { url 'https://developer.huawei.com/repo/' }
        // 官方源 (放在最后)
        mavenCentral()
        google()
    }
}

(2)检查gradle源

gradlew buildEnvironment --info

3.我们在清理了上次的缓存后就可以重新运行了

yarn android

此外补充一点比较重要的点,我们大多数在搭建react-native项目遇到下载最慢的“罪魁祸首”就是react-android-0.xx.x-debug.arr这个包,他大小有200mb,下载速度又奇慢。我们在下载这个的时候要稍微耐心一点,第一次构建较慢罢了,后续构建则相当迅速了。


网站公告

今日签到

点亮在社区的每一天
去签到