flipper: The native module for Flipper seems unavailable. Please verify that `react-native-flipper` is installed

I had the same problem, for me, directory structure in debug folder wasn’t the same as in the main folder so it couldn’t find it, check your folder structure and check this line: Class<?> aClass = Class.forName("YOUR_PACKAGE_NAME.ReactNativeFlipper");

I am just dropping this reply if somebody has the same problem 😃

I found the culprit. Package identifier in ReactNativeFlipper.java was com.rndiffapp and I didn’t notice it. Everything works now, thank you for the help 😃

Might be quite obsolete, but didn’t find this here. The problem with iOS is related to the autolinking not being able to find the Podspec (not sure why). So what worked for me is directly specifying the path in Podfile. I added this line: pod 'react-native-flipper', path: '../node_modules/react-native-flipper'.

I found myself not being careful on renaming the package name. Here is some advice for those who facing this problem when changing package name.

1. Make sure both debug and main have the same directory in order for ReactNativeFlipper.java to work.

1. Make sure in MainApplication.java, initializeFlipper() method have the correct class path.

1. Make sure all the top-level package have the same package name.

Hope this helps someone out there save you from hours of rebuilding

I am using the Redux Tool Kit “@reduxjs/toolkit”: “^1.8.1”, “react-native”: “0.64.3”,

This is my store

import { configureStore } from '@reduxjs/toolkit'
import personalAccount from './personalAccount/personalAccountSlice'

const middlewares = []

if (__DEV__) {
  const createDebugger = require('redux-flipper').default
  middlewares.push(createDebugger())
}

export const store = configureStore({
  reducer: {
    personalAccount
  },
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware().concat(middlewares)
})

export type RootState = ReturnType<typeof store.getState>
export type AppDispatch = typeof store.dispatch

And when I open the application appears the same problema that “The native module for Flipper seems unavailable. Please verify that react-native-flipper is installed as yarn dependency to your project and, for iOS, that pod install is run in the ios directory.”

I already did pod install and did not work something.

@jakubgrzelak hitting the exact same issue after upgrading to 0.69.1 same exact versions as you.

I have created a MRE here, displaying the issue, the warning also causes flipper plugins such as redux-debugger to also not work.

Could we reopen this?

I also accidentally placed ReactNativeFlipper.java into main android folder, not debug (android/app/src/debug/java/com/rndiffapp/ReactNativeFlipper.java).

Might be quite obsolete, but didn’t find this here. The problem with iOS is related to the autolinking not being able to find the Podspec (not sure why). So what worked for me is directly specifying the path in Podfile. I added this line: pod 'react-native-flipper', path: '../node_modules/react-native-flipper'.

Worked for me! Thanks!

@dawidvdh That fix doesn’t work for me as the file in question doesn’t exist.

Having upgraded to XCode 14 I’m seeing the above error using Flipper 0.164.0 and RN 0.63.4.

@Epick362 / @TheAlmightyBob, ok, it looks that Flipper isn’t actually initialized on your app, the warning you get is a sympton of that, but probably not the original cause. Could you verify that the class com.edocu.pris.ReactNativeFlipper indeed does exist and whether there are any errors logged in the device logs?

@Epick362 / @TheAlmightyBob just to verify, you did run cd android && ./gradlew clean after finishing the upgrade?

@passy / @jknoxville any further input on this? There are now several reports than on Android specifically the Flipper client doesn’t connect, any further ideas? At least the diagnostic utility seems to crash in both cases as well.