Flipper: Flipper Hermes debugger does not show

Question

Flipper Hermes debugger does not show

I would like to ask how to make him display normally？

react-native：0.62.2 (Update from 0.61 to 0.62.2)

error message:

Metro is connected but no Hermes apps were found.

Open a React Native screen with Hermes enabled to connect. Note: you may need to reload the app in order to reconnect the device to Metro.

Do you have an app with Hermes enabled currently running in an emulator? If your app is using JSC, it will not show up in this list. You can check which VM is being used from JavaScript with `typeof(HermesInternal)`. "object" means Hermes while "undefined" means JSC — that other guy, Jun 06 '20 at 19:33

score 3 · Answer 1 · answered Feb 03 '21 at 10:46

Following this in android/app/build.gradle file

project.ext.react = [
  entryFile: "index.js",
  enableHermes: true 
]

And this in proguard-rules.pro file

-keep class com.facebook.hermes.unicode.** { *; }
-keep class com.facebook.jni.** { *; }

And

$ cd android && ./gradlew clean

Worked for me

score 0 · Answer 2 · answered Apr 21 '22 at 12:39

0

In my case it was showing screen mentioned at https://github.com/facebook/flipper/issues/1520

I found out that it was happening due to company VPN. I disconnected the VPN whenever I had to debug and it worked normally.

answered Apr 21 '22 at 12:39

Yuvraj Patil

7,944
5
56
56

score 0 · Answer 3 · answered Jan 11 '23 at 04:53

Changing the below config in android/app/gradle.properties worked for me.

 expo.jsEngine=hermes

And then cd android && ./gradlew clean

You can also verify if hermes is enabled by adding below snippet to App.js or any other .js file in react native.

 const isHermes = () => !!global.HermesInternal;
 console.log("Is Hermes enabled " + isHermes())

Flipper: Flipper Hermes debugger does not show

3 Answers3