title: React Native Android production build crashes on physical device
body: <p>I'd like to test an android production build of a React-Native (v0.67.4, Android Gradle Plugin Version 7.1.2, Gradle Version 7.2 ) app on a device but it crashes immediately.</p>
  <p>It works fine on dev mode (launched with <code>npm run android:dev</code>)</p>
  <p>According to RN’s doc, the command <code>cd android &amp;&amp; ./gradlew bundleProductionRelease</code> successfully generates the <code>android/app/build/outputs/bundle/productionRelease/app-production-release.aab</code> file.</p>
  <p>Then I try <code>npx react-native run-android --variant=productionRelease</code> to test the bundle on a physical device. As seen in attached <code>build.gradle</code>, signing seems to be correctly set.
  Despite a bunch of warnings on the template :</p>
  <blockquote>
  <p>Gradle detected a problem with the following location:
  '<em>/path/to/our/app</em>'. Reason: Task
  ':app:bundleProductionReleaseJsAndAssets' uses this output of task
  ':react-native-keychain:<em>variousTasksNames</em>' without declaring an
  explicit or implicit dependency. This can lead to incorrect results
  being produced, depending on what order the tasks are executed</p>
  </blockquote>
  <p>build ends successfully, app is installed on the device and launched, but crashes immediately.</p>
  <p>Logs in Android studio says :</p>
  <blockquote>
  <p>java.lang.RuntimeException: Unable to load script. Make sure you're
  either running Metro (run 'npx react-native start') or that your
  bundle 'index.android.bundle' is packaged correctly for release.</p>
  </blockquote>
  <p>which led me to this kind of solution : <a href="https://stackoverflow.com/a/56399952/16121576">https://stackoverflow.com/a/56399952/16121576</a>, but unfortunately, as one of comments says, <code>cd android &amp;&amp; ./gradlew bundleProductionRelease</code>  fails thereafter (<code>Execution failed for task ':app:mergeProductionReleaseResources' in my case</code>) so I revert back.</p>
  <p><code>package.json</code> :</p>
  <pre class="lang-js prettyprint-override"><code>{
    &quot;name&quot;: &quot;equivintage_app&quot;,
    &quot;version&quot;: &quot;3.0.0&quot;,
    &quot;private&quot;: true,
    &quot;scripts&quot;: {
      &quot;android&quot;: &quot;react-native run-android&quot;,
      &quot;android:dev&quot;: &quot;ENVFILE=.env.android.dev react-native run-android --variant=developmentdebug&quot;,
      &quot;android:dev-release&quot;: &quot;react-native run-android --variant=developmentrelease&quot;,
      &quot;android:prod&quot;: &quot;ENVFILE=.env.prod react-native run-android --variant=productiondebug&quot;,
      &quot;android:prod-release&quot;: &quot;react-native run-android --variant=productionrelease&quot;,
      &quot;ios&quot;: &quot;react-native run-ios&quot;,
      &quot;ios:dev&quot;: &quot;react-native run-ios --scheme \&quot;equivintage_app_dev\&quot;&quot;,
      &quot;ios:prod&quot;: &quot;react-native run-ios --scheme \&quot;equivintage_app_prod\&quot;&quot;,
      &quot;start&quot;: &quot;react-native start&quot;,
      &quot;test&quot;: &quot;jest&quot;,
      &quot;lint&quot;: &quot;eslint .&quot;
    },
    &quot;dependencies&quot;: {
      &quot;@notifee/react-native&quot;: &quot;^5.3.0&quot;,
      &quot;@react-aria/ssr&quot;: &quot;^3.1.2&quot;,
      &quot;@react-native-firebase/app&quot;: &quot;^14.11.0&quot;,
      &quot;@react-native-firebase/messaging&quot;: &quot;^14.11.0&quot;,
      &quot;@react-navigation/bottom-tabs&quot;: &quot;^6.2.0&quot;,
      &quot;@react-navigation/drawer&quot;: &quot;^6.3.3&quot;,
      &quot;@react-navigation/native&quot;: &quot;^6.0.8&quot;,
      &quot;@react-navigation/native-stack&quot;: &quot;^6.5.0&quot;,
      &quot;@stripe/stripe-react-native&quot;: &quot;^0.7.0&quot;,
      &quot;accordion-collapse-react-native&quot;: &quot;^1.1.0&quot;,
      &quot;axios&quot;: &quot;^0.24.0&quot;,
      &quot;axios-auth-refresh&quot;: &quot;^3.2.2&quot;,
      &quot;jwt-decode&quot;: &quot;^3.1.2&quot;,
      &quot;native-base&quot;: &quot;^3.3.7&quot;,
      &quot;react&quot;: &quot;17.0.2&quot;,
      &quot;react-native&quot;: &quot;0.67.4&quot;,
      &quot;react-native-collapsible&quot;: &quot;^1.6.0&quot;,
      &quot;react-native-config&quot;: &quot;^1.4.5&quot;,
      &quot;react-native-gesture-handler&quot;: &quot;^2.1.1&quot;,
      &quot;react-native-image-crop-picker&quot;: &quot;^0.37.3&quot;,
      &quot;react-native-keyboard-aware-scroll-view&quot;: &quot;^0.9.5&quot;,
      &quot;react-native-keychain&quot;: &quot;^8.0.0&quot;,
      &quot;react-native-pager-view&quot;: &quot;^5.4.23&quot;,
      &quot;react-native-reanimated&quot;: &quot;^2.5.0&quot;,
      &quot;react-native-reanimated-carousel&quot;: &quot;^2.3.10&quot;,
      &quot;react-native-safe-area-context&quot;: &quot;^4.2.2&quot;,
      &quot;react-native-screens&quot;: &quot;^3.13.1&quot;,
      &quot;react-native-svg&quot;: &quot;^12.3.0&quot;,
      &quot;react-native-svg-transformer&quot;: &quot;^1.0.0&quot;,
      &quot;react-native-tab-view&quot;: &quot;^3.1.1&quot;,
      &quot;react-native-vector-icons&quot;: &quot;^9.1.0&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;@babel/core&quot;: &quot;^7.12.9&quot;,
      &quot;@babel/runtime&quot;: &quot;^7.12.5&quot;,
      &quot;@react-native-community/eslint-config&quot;: &quot;^2.0.0&quot;,
      &quot;babel-jest&quot;: &quot;^26.6.3&quot;,
      &quot;eslint&quot;: &quot;7.14.0&quot;,
      &quot;eslint-config-prettier&quot;: &quot;^8.5.0&quot;,
      &quot;eslint-plugin-prettier&quot;: &quot;^4.0.0&quot;,
      &quot;eslint-plugin-react&quot;: &quot;^7.29.4&quot;,
      &quot;jest&quot;: &quot;^26.6.3&quot;,
      &quot;metro-react-native-babel-preset&quot;: &quot;^0.66.2&quot;,
      &quot;react-test-renderer&quot;: &quot;17.0.2&quot;
    },
    &quot;jest&quot;: {
      &quot;preset&quot;: &quot;react-native&quot;
    }
  }
  
  </code></pre>
  <p><code>build.gradle</code> :</p>
  <pre class="lang-js prettyprint-override"><code>apply plugin: &quot;com.android.application&quot;
  apply plugin: 'com.google.gms.google-services'
  
  // --- Added for react-native-config .env handler https://www.bigbinary.com/learn-react-native/handling-environment-specific-configurations-in-react-native
  apply from: project(&quot;:react-native-config&quot;).projectDir.getPath() + &quot;/dotenv.gradle&quot;
  
  project.ext.envConfigFiles = [
    productiondebug: &quot;.env.prod&quot;,
    productionrelease: &quot;.env.prod&quot;,
    developmentdebug: &quot;.env.android.dev&quot;,
    developmentrelease: &quot;.env.android.dev&quot;,
  ];
  // ---
  
  import com.android.build.OutputFile
  
  /**
   * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets
   * and bundleReleaseJsAndAssets).
   * These basically call `react-native bundle` with the correct arguments during the Android build
   * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the
   * bundle directly from the development server. Below you can see all the possible configurations
   * and their defaults. If you decide to add a configuration block, make sure to add it before the
   * `apply from: &quot;../../node_modules/react-native/react.gradle&quot;` line.
   *
   * project.ext.react = [
   *   // the name of the generated asset file containing your JS bundle
   *   bundleAssetName: &quot;index.android.bundle&quot;,
   *
   *   // the entry file for bundle generation. If none specified and
   *   // &quot;index.android.js&quot; exists, it will be used. Otherwise &quot;index.js&quot; is
   *   // default. Can be overridden with ENTRY_FILE environment variable.
   *   entryFile: &quot;index.android.js&quot;,
   *
   *   // https://reactnative.dev/docs/performance#enable-the-ram-format
   *   bundleCommand: &quot;ram-bundle&quot;,
   *
   *   // whether to bundle JS and assets in debug mode
   *   bundleInDebug: false,
   *
   *   // whether to bundle JS and assets in release mode
   *   bundleInRelease: true,
   *
   *   // whether to bundle JS and assets in another build variant (if configured).
   *   // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants
   *   // The configuration property can be in the following formats
   *   //         'bundleIn${productFlavor}${buildType}'
   *   //         'bundleIn${buildType}'
   *   // bundleInFreeDebug: true,
   *   // bundleInPaidRelease: true,
   *   // bundleInBeta: true,
   *
   *   // whether to disable dev mode in custom build variants (by default only disabled in release)
   *   // for example: to disable dev mode in the staging build type (if configured)
   *   devDisabledInStaging: true,
   *   // The configuration property can be in the following formats
   *   //         'devDisabledIn${productFlavor}${buildType}'
   *   //         'devDisabledIn${buildType}'
   *
   *   // the root of your project, i.e. where &quot;package.json&quot; lives
   *   root: &quot;../../&quot;,
   *
   *   // where to put the JS bundle asset in debug mode
   *   jsBundleDirDebug: &quot;$buildDir/intermediates/assets/debug&quot;,
   *
   *   // where to put the JS bundle asset in release mode
   *   jsBundleDirRelease: &quot;$buildDir/intermediates/assets/release&quot;,
   *
   *   // where to put drawable resources / React Native assets, e.g. the ones you use via
   *   // require('./image.png')), in debug mode
   *   resourcesDirDebug: &quot;$buildDir/intermediates/res/merged/debug&quot;,
   *
   *   // where to put drawable resources / React Native assets, e.g. the ones you use via
   *   // require('./image.png')), in release mode
   *   resourcesDirRelease: &quot;$buildDir/intermediates/res/merged/release&quot;,
   *
   *   // by default the gradle tasks are skipped if none of the JS files or assets change; this means
   *   // that we don't look at files in android/ or ios/ to determine whether the tasks are up to
   *   // date; if you have any other folders that you want to ignore for performance reasons (gradle
   *   // indexes the entire tree), add them here. Alternatively, if you have JS files in android/
   *   // for example, you might want to remove it from here.
   *   inputExcludes: [&quot;android/**&quot;, &quot;ios/**&quot;],
   *
   *   // override which node gets called and with what additional arguments
   *   nodeExecutableAndArgs: [&quot;node&quot;],
   *
   *   // supply additional arguments to the packager
   *   extraPackagerArgs: []
   * ]
   */
  
  project.ext.react = [
      enableHermes: false,  // clean and rebuild if changing
  ]
  
  apply from: &quot;../../node_modules/react-native/react.gradle&quot;
  
  /**
   * Set this to true to create two separate APKs instead of one:
   *   - An APK that only works on ARM devices
   *   - An APK that only works on x86 devices
   * The advantage is the size of the APK is reduced by about 4MB.
   * Upload all the APKs to the Play Store and people will download
   * the correct one based on the CPU architecture of their device.
   */
  def enableSeparateBuildPerCPUArchitecture = true
  
  /**
   * Run Proguard to shrink the Java bytecode in release builds.
   */
  def enableProguardInReleaseBuilds = true
  
  /**
   * The preferred build flavor of JavaScriptCore.
   *
   * For example, to use the international variant, you can use:
   * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
   *
   * The international variant includes ICU i18n library and necessary data
   * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
   * give correct results when using with locales other than en-US.  Note that
   * this variant is about 6MiB larger per architecture than default.
   */
  def jscFlavor = 'org.webkit:android-jsc:+'
  
  /**
   * Whether to enable the Hermes VM.
   *
   * This should be set on project.ext.react and that value will be read here. If it is not set
   * on project.ext.react, JavaScript will not be compiled to Hermes Bytecode
   * and the benefits of using Hermes will therefore be sharply reduced.
   */
  def enableHermes = project.ext.react.get(&quot;enableHermes&quot;, false);
  
  /**
   * Architectures to build native code for in debug.
   */
  def nativeArchitectures = project.getProperties().get(&quot;reactNativeDebugArchitectures&quot;)
  
  android {
      ndkVersion rootProject.ext.ndkVersion
  
      compileSdkVersion rootProject.ext.compileSdkVersion
      defaultConfig {
          applicationId &quot;fr.equivintage&quot;
          minSdkVersion rootProject.ext.minSdkVersion
          targetSdkVersion rootProject.ext.targetSdkVersion
          versionCode 307
          versionName &quot;3.1.0&quot;
          vectorDrawables.useSupportLibrary = true
      }
      splits {
          abi {
              reset()
              enable enableSeparateBuildPerCPUArchitecture
              universalApk true  // If true, also generate a universal APK
              include &quot;armeabi-v7a&quot;, &quot;x86&quot;, &quot;arm64-v8a&quot;, &quot;x86_64&quot;
          }
      }
      signingConfigs {
          debug {
              storeFile file('debug.keystore')
              storePassword 'android'
              keyAlias 'androiddebugkey'
              keyPassword 'android'
          }
          release {
              if (project.hasProperty('MYAPP_UPLOAD_STORE_FILE')) {
                  storeFile file(MYAPP_UPLOAD_STORE_FILE)
                  storePassword MYAPP_UPLOAD_STORE_PASSWORD
                  keyAlias MYAPP_UPLOAD_KEY_ALIAS
                  keyPassword MYAPP_UPLOAD_KEY_PASSWORD
              }
          }
      }
      buildTypes {
          debug {
              signingConfig signingConfigs.debug
              // --- Added for react-native-config .env handler https://www.bigbinary.com/learn-react-native/handling-environment-specific-configurations-in-react-native
              matchingFallbacks = ['debug', 'release']
              // ---
              if (nativeArchitectures) {
                  ndk {
                      abiFilters nativeArchitectures.split(',')
                  }
              }
          }
          release {
              // Caution! In production, you need to generate your own keystore file.
              // see https://reactnative.dev/docs/signed-apk-android.
              signingConfig signingConfigs.release
              minifyEnabled enableProguardInReleaseBuilds
              proguardFiles getDefaultProguardFile(&quot;proguard-android.txt&quot;), &quot;proguard-rules.pro&quot;
  
          }
      }
  
      // --- Added for react-native-config .env handler https://www.bigbinary.com/learn-react-native/handling-environment-specific-configurations-in-react-native
      flavorDimensions &quot;default&quot;
      productFlavors {
        development {
        }
        production {
        }
      }
      // ---
  
      // applicationVariants are e.g. debug, release
      applicationVariants.all { variant -&gt;
          variant.outputs.each { output -&gt;
              // For each separate APK per architecture, set a unique version code as described here:
              // https://developer.android.com/studio/build/configure-apk-splits.html
              // Example: versionCode 1 will generate 1001 for armeabi-v7a, 1002 for x86, etc.
              def versionCodes = [&quot;armeabi-v7a&quot;: 1, &quot;x86&quot;: 2, &quot;arm64-v8a&quot;: 3, &quot;x86_64&quot;: 4]
              def abi = output.getFilter(OutputFile.ABI)
              if (abi != null) {  // null for the universal-debug, universal-release variants
                  output.versionCodeOverride =
                          defaultConfig.versionCode * 1000 + versionCodes.get(abi)
              }
  
          }
      }
  }
  
  dependencies {
      implementation fileTree(dir: &quot;libs&quot;, include: [&quot;*.jar&quot;])
      //noinspection GradleDynamicVersion
      implementation &quot;com.facebook.react:react-native:+&quot;  // From node_modules
  
      implementation &quot;androidx.swiperefreshlayout:swiperefreshlayout:1.0.0&quot;
  
      debugImplementation(&quot;com.facebook.flipper:flipper:${FLIPPER_VERSION}&quot;) {
          exclude group:'com.facebook.fbjni'
      }
  
      debugImplementation(&quot;com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}&quot;) {
          exclude group:'com.facebook.flipper'
          exclude group:'com.squareup.okhttp3', module:'okhttp'
      }
  
      debugImplementation(&quot;com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}&quot;) {
          exclude group:'com.facebook.flipper'
      }
  
      if (enableHermes) {
          def hermesPath = &quot;../../node_modules/hermes-engine/android/&quot;;
          debugImplementation files(hermesPath + &quot;hermes-debug.aar&quot;)
          releaseImplementation files(hermesPath + &quot;hermes-release.aar&quot;)
      } else {
          implementation jscFlavor
      }
  
  //  To resolve &quot;Attempt to invoke virtual method'boolean com.facebook.react.uimanager.FabricViewStateManager.hasStateWrappper()&quot; error (https://stackoverflow.com/questions/67683149/react-native-build-error-attempt-to-invoke-virtual-methodboolean-com-facebook)
      implementation (&quot;androidx.appcompat:appcompat:1.3.1&quot;) {
      version {
          strictly '1.3.1'
      }
  }
  }
  
  // Run this once to be able to run the application with BUCK
  // puts all compile dependencies into folder libs for BUCK to use
  task copyDownloadableDepsToLibs(type: Copy) {
      from configurations.implementation
      into 'libs'
  }
  
  apply from: file(&quot;../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle&quot;); applyNativeModulesAppBuildGradle(project)
  
  apply from: &quot;../../node_modules/react-native-vector-icons/fonts.gradle&quot;
  
  </code></pre>
  <p>Is there another lead I could follow ? Any help would be much appreciated.</p>