Hermes enabled bundle causes white screen when installed from Google Play

Compiling a release with Hermes enabled causes a white screen after downloading from Google Play.

Literally everything else works fine, it only breaks after being uploaded to Google Play.

Debug builds work.
./gradlew installRelease works.
Even extracting the apks from the .aab using bundletool and installing them with adb on a device works.

I know that Hermes is running because global.HermesInternal != null, not to mention it's lightning fast 💨.

React Native version: 0.65.0
System:
OS: macOS 10.14.6
CPU: (4) x64 Intel(R) Core(TM) i7-7660U CPU @ 2.50GHz
Memory: 22.53 MB / 16.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 11.6.0 - /usr/local/bin/node
Yarn: 1.12.3 - /usr/local/bin/yarn
npm: 6.8.0 - /usr/local/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
SDKs:
iOS SDK:
Platforms: iOS 12.4, macOS 10.14, tvOS 12.4, watchOS 5.3
Android SDK:
API Levels: 23, 26, 27, 28, 29
Build Tools: 27.0.3, 28.0.3
System Images: android-26 | Google Play Intel x86 Atom, android-27 | Google Play Intel x86 Atom, android-28 | Intel x86 Atom_64, android-28 | Google APIs Intel x86 Atom, android-29 | Google APIs Intel x86 Atom
IDEs:
Android Studio: 3.5 AI-191.8026.42.35.5791312
Xcode: 10.3/10G8 - /usr/bin/xcodebuild
npmPackages:
react: 16.8.6 => 16.8.6
react-native: 0.60.5 => 0.60.5
npmGlobalPackages:
react-native-cli: 2.0.1

Steps To Reproduce

Compile and package release build with Hermes enabled
Upload it to Google Play (Alpha or Beta)
Once the app is available download and install the version from Google Play
Launch the app -> White Screen

Describe what you expected to happen:

I expect bundles compiled with Hermes enabled to behave the same after being uploaded to Google Play.

Snack, code example, screenshot, or link to a repository:

My build.gradle
Device logs from adb logcat when launching the Play Store version of the app: hermes-prod-logs.txt

@desmondmc

Facing the same issue @desmondmc. Recently upgraded my project from 0.57.8 to 0.60.5. Also enabled def enableSeparateBuildPerCPUArchitecture = true and def enableProguardInReleaseBuilds = true. Can you please write here if you find a solution

@desmondmc

@desmondmc try uploading the apks instead of the app bundle. In my case, uploading the app bundle to the play store showed a white blank screen on start up. But, uploading all the apks generated(with def enableSeparateBuildPerCPUArchitecture = true) did the trick. Give it a try.

Facing the same problem only when upload the bundleRelease to play store, assembleRelease is OK.
"react-native": "0.60.5",
"hermes-engine": "0.1.1",

A (terrible) workaround is to first run assembleRelease (so the js bundle is generated), and then run bundleRelease.

I don't think this is related to Hermes though, since even when I disabled it I still have the same problem with bundling the app

Just tested with react-native 0.61.1. Still broken 😢

@herio

same issue with @herio any test locally on debug or release is working. Only version returning the white screen is from the bundleRelease to play store

react-native: 0.60.4

I am getting the same issue, also only when I upload bundle to play store with Hermes enabled. assembleRelease works fine and all works fine with Hermes disabled. RN version 0.61.1

Please upvote the first post, don't post +1 or same issue. You can subscribe to this issue on the right side.

Hey guys !

For me, it turned out it was a problem of SoLoader, which was fixed in 0.8.0. React Native 0.61.1 doesn't use this version yet, so the solution was to set it up manually by adding the following to app/build.gradle:

configurations.all {
     resolutionStrategy {
       force "com.facebook.soloader:soloader:0.8.0"
     }
}

I hope it works for you too :)

fix: force soLoader to version 0.8.2

Now, React Native 0.63 is using SO_LOADER 0.8.2. Then can we bundle application as aab without any further configurations?

@mym0404

@mym0404 yes, it should work directly.

I'm on 0.63.2 and this issue is still not fixed for me! Cannot run the Android App in Debug or Release with Hermes enabled or disabled on my Emulator!

Closing this issue as the original bug as described has been fixed.

@Alaa-Ben

@Alaa-Ben Was trying to solve this issue for past 2 days until I met your comment. Thank you very much!! I have found one problem though. Indeed bundleRelease now works in google playstore when I enable SoLoader(0.8.0), it is debug mode(i.e. just react-native run-android) that doesn't work anymore. App crashes on start. So at the moment, I have to comment out
configurations.all {
     resolutionStrategy {
       force "com.facebook.soloader:soloader:0.8.0"
     }
}
on android/app/build.gradle when I use debug mode to develop, and enable that part again for bundleReleases. Am I the only one with this issue??
This solution works with real devices but breaks react-native run-android on emulators, the app's crashing after open with errors like this:
java.lang.UnsatisfiedLinkError: couldn't find DSO to load: libyoga.so caused by: APK was built for a different platform
Fixed
According to master branch of react-native https://github.com/facebook/react-native/blob/master/ReactAndroid/gradle.properties you need to change SoLoader version to 0.8.2
    configurations.all {
        resolutionStrategy {
            force "com.facebook.soloader:soloader:0.8.2"
        }
    }

Using this, all work fine in React-Native 0.60.6.

@SnowLew App Still Crashes on Startup React native After installed from Play Store

"react-native": "^0.63.3",

project.ext.react = [
    entryFile: "index.js",
    enableHermes: true,  // clean and rebuild if changing
]

configurations.all {
        resolutionStrategy {
            force "com.facebook.soloader:soloader:0.8.2"
        } 
}

This still occurs with React Native and Hermes, can we re-open the issue?

@SnowLew App Still Crashes on Startup React native After installed from Play Store

"react-native": "^0.63.3",
project.ext.react = [
    entryFile: "index.js",
    enableHermes: true,  // clean and rebuild if changing
]

configurations.all {
        resolutionStrategy {
            force "com.facebook.soloader:soloader:0.8.2"
        } 
}

I've try without hermes and works fine, but with hermes this issue continue.

In my case I needed to add hermes path for each android flavour

    if (enableHermes) {
        def hermesPath = "../../node_modules/hermes-engine/android/";
        debugImplementation files(hermesPath + "hermes-debug.aar")
        releaseImplementation files(hermesPath + "hermes-release.aar")
        qaImplementation files(hermesPath + "hermes-release.aar")
        stageImplementation files(hermesPath + "hermes-release.aar")
        prodImplementation files(hermesPath + "hermes-release.aar")
    } else {
        implementation jscFlavor
    }

I'm on react-native 0.63.4 and this is still happening for me when I have hermes enabled. Soon as the app opens up, flashes a white screen and closes. It happens when I do gradlew assembleRelease and install to an emulator, as well as an .aab uploaded to the play store.

Is there any way to tell which Hermes version you're using?

AAB will be required to use in some months and it seems that JSC is more or less abandonware (it also causes a lot of crashes, which were fixed the moment we switched to Hermes).

Please fix this issue.

Navigation Menu

Repository navigation

Hermes enabled bundle causes white screen when installed from Google Play #26400

Steps To Reproduce

66 remaining items

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Hermes enabled bundle causes white screen when installed from Google Play #26400

Description

Steps To Reproduce

Activity

anurag060 commented on Sep 12, 2019

anurag060 commented on Sep 12, 2019

herio commented on Sep 21, 2019

githubdoramon commented on Sep 24, 2019

desmondmc commented on Sep 26, 2019

panvourtsis commented on Sep 28, 2019

LydGol90 commented on Oct 1, 2019

longnk-1447 commented on Oct 4, 2019

radko93 commented on Oct 4, 2019

IamMasterWayne commented on Oct 6, 2019

RichardLindhout commented on Oct 8, 2019

Alaa-Ben commented on Oct 8, 2019

66 remaining items

mym0404 commented on Jul 21, 2020

radko93 commented on Jul 21, 2020

mrousavy commented on Aug 11, 2020

desmondmc commented on Aug 19, 2020

goul4rt commented on Sep 2, 2020

Joshmatjjen commented on Dec 18, 2020

lukebrandonfarrell commented on Jan 18, 2021

goul4rt commented on Jan 18, 2021

troZee commented on Apr 13, 2021

ThinkSalat commented on May 5, 2021

andre-krueger commented on Jul 3, 2021

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions