关于npx react-native run-android下载进程缓慢以及进程卡壳等问题的解决方案。
作为小白接触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,下载速度又奇慢。我们在下载这个的时候要稍微耐心一点,第一次构建较慢罢了,后续构建则相当迅速了。