React Native构建APK时代码更新未生效如何解决

直接通过Android Studio打开android目录构建APK时，默认仅会编译原生层（Java/Kotlin、资源文件、Gradle配置）的变更，不会自动同步、打包你在Visual Studio中编写的React Native JS/TS层业务代码，最终生成的APK自然不会包含最新的前端改动。

前置清理（必做，避免旧缓存干扰） #

回到React Native项目根目录，依次执行以下命令清理历史缓存：

# 1. 清理Metro打包服务缓存
npm start -- --reset-cache
# 若使用yarn作为包管理工具，替换为 yarn start --reset-cache

# 2. 执行完成后关闭当前Metro服务窗口，进入android目录清理原生构建缓存
cd android
./gradlew clean
cd ..

构建调试版APK #

两种方式都可以，按需选择：

• 命令行一键构建（推荐，自动同步最新JS代码）
  直接在项目根目录执行命令，构建过程会自动打包最新JS代码到APK中：

  npx react-native run-android --variant=debug
  

  构建完成的APK路径为：android/app/build/outputs/apk/debug/app-debug.apk
• 借助Android Studio构建
  必须先在项目根目录执行npx react-native start启动Metro打包服务，保持窗口不要关闭，再打开Android Studio导入android目录，点击Build > Build APK(s)正常构建即可，此时会自动关联最新的JS打包产物。

构建发布版正式APK #

发布版构建不会自动拉取Metro服务的JS内容，必须提前把JS代码打包成原生可识别的资源文件：

1. 项目根目录执行JS bundle打包命令，把最新前端代码写入android工程资源目录：

npx react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

注意：如果你的项目入口文件名不是index.js，替换成实际的入口文件路径即可

2. 执行完bundle命令后，可任选一种方式构建正式包：

• 命令行构建：进入android目录执行./gradlew assembleRelease
• Android Studio构建：打开android目录，选择release变体后点击构建即可

3. 构建完成的正式APK路径为：android/app/build/outputs/apk/release/app-release.apk

如果构建后还是不显示最新代码，按以下顺序检查：

• 确认Visual Studio中修改的代码已经全部保存，未保存的改动不会进入打包流程
• 关闭所有占用8081端口的旧Metro服务、后台残留的Java/Node进程，重新走一遍完整构建流程
• 如果修改了android目录下的原生代码，必须重新执行./gradlew clean清理旧编译产物，否则会直接复用历史缓存

内容的提问来源于stack exchange，提问作者AMRIT SHAHI