添加React Native WebView后Android应用编译失败求助

核心问题分析 #

你的报错本质是无法访问Google Maven仓库导致依赖下载失败，同时存在gradle插件版本与RN项目不兼容的问题。修改node_modules内的文件是临时方案，且无法解决网络层面的根本问题。

解决方案步骤 #

1. 配置国内Maven镜像替代Google仓库 #

在项目根目录的android/build.gradle中修改仓库配置，替换默认的google()为国内镜像（如阿里云），确保依赖能正常下载：

buildscript {
    repositories {
        // 替换为阿里云Google镜像
        maven { url 'https://maven.aliyun.com/repository/google' }
        // 阿里云公共镜像
        maven { url 'https://maven.aliyun.com/repository/public' }
        mavenCentral()
    }
    // ... 其他原有配置
}

allprojects {
    repositories {
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/public' }
        mavenCentral()
        // ... 其他原有配置（如mavenLocal()等）
    }
}

2. 统一Gradle插件版本（避免修改node_modules） #

RN 0.71.7对应的Gradle插件版本为7.4.2，而react-native-webview 12.0.2默认使用的7.0.4版本不兼容。在android/build.gradle中强制统一版本：

buildscript {
    // 添加这行，指定统一的gradle插件版本
    ext { androidGradlePluginVersion = "7.4.2" }

    repositories {
        // 上面配置的镜像源
    }

    dependencies {
        // 使用统一版本替代固定版本
        classpath("com.android.tools.build:gradle:${androidGradlePluginVersion}")
        // ... 其他原有依赖（如react-native-gradle-plugin）
    }
}

3. 清理缓存并重新编译 #

执行以下命令彻底清理缓存后重新构建：

# 清理前端依赖缓存
rm -rf node_modules
yarn cache clean
yarn install

# 清理Android构建缓存
cd android
./gradlew clean
cd ..

# 重新启动Android项目
npx react-native run-android

额外排查：网络问题 #

如果配置镜像后仍无法下载，检查：

• 本地网络是否能正常访问外网，或尝试切换网络（如手机热点）
• 是否有代理工具拦截了Gradle的网络请求，暂时关闭代理再尝试
• 若使用VPN，确保VPN连接正常且能访问Google相关域名

内容的提问来源于stack exchange，提问作者Kanika Arora