'React Native Flipper Debugging Issue : "NO APPLICATION SELECTED"

enter image description here

I have managed to connect a device ( I see logs and see the tree of React Native elements), but now I have an issue with connecting the app - "NO APPLICATION SELECTED" is what I see. Any ideas to fix it?



Solution 1:[1]

Ran into the same problem on both iOS and Android with Flipper 0.135.0. Managed to make both work by following the steps below.

iOS

This answer solved the issue for me.

tl;dr

brew update && brew upgrade idb-companion

Also make sure you are installing the correct Cocoapod of Flipper by specifying the exact version in your Podfile with (for version 0.135.0)

use_flipper!({ 'Flipper'=> '0.135.0' })

Android

Ensure that ReactNativeFlipper.java is in the correct folder, as in this example project.

With for example the applicationId com.domain.appName, the correct path is

android/app/src/debug/java/com/domain/appName/ReactNativeFlipper.java

In my project this Java file was in the incorrect folder, which resulted in the Logcat error

java.lang.ClassNotFoundException: com.domain.appName.ReactNativeFlipper

Solution 2:[2]

Ensure that you are running the latest version of Flipper (0.120.0 as of this message) and then:

For Android:

  • Bump the FLIPPER_VERSION variable in android/gradle.properties, for example: FLIPPER_VERSION=0.120.0.
  • Run ./gradlew clean in the android directory.

For iOS:

  • Call use_flipper with a specific version in ios/Podfile, for example: use_flipper!({ 'Flipper' => '0.120.0' }).
  • Run pod install in the ios directory.

Reference: https://fbflipper.com/docs/getting-started/react-native/#using-the-latest-flipper-sdk

Solution 3:[3]

In my case issue was with the Emulator OS and API.

I used following combination and it worked:

  • Device: Pixel 4a
  • OS: Android 12
  • API: (Release Name: S, API level: 31, ABI: arm64-v8a, Target: Android 12

Solution 4:[4]

In the MainApplication.java there is a line like

 initializeFlipper(this, getReactNativeHost().getReactInstanceManager());

inside onCreate() function. In my project this line was commented. I removed the comment and run react-native run-android and flipper get connected to the app

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 NiFi
Solution 2 micnguyen
Solution 3 Yuvraj Patil
Solution 4 Gokulakrishnan