Connection to 'MyApp' on 'My iPhone' failed - No iOS devices found

[sam-houle1]

🐛 Bug Report

Connection to 'MyApp' on 'My iPhone' failed
Failed to start client connection: [conn] Failed to exchange certificate with MyApp.Dev on My iPhone: Error: No iOS devices found

On android works fine. I found a lot of issues regarding this problem, but none of the solutions proposed seems to work for me. Also, when I go to the logs tab, I can see the logs of my app, but I can't use anything else. I tried idb kill but it did not work

To Reproduce

I downloaded idb, flipper and installed react-native-flipper on my react native app. When I launch flipper and my app on xcode, I get this error non stop.

Environment

Flipper desktop version is 0.182.0 same one in my projet. I have an iPhone 13 with the 15.5 version installed. when I do idb list-targets --json I can see my device listed. I have a MacBook Pro (16-inch, 2021) with m1 chip pro my macos is Monterey version 12.4

[randomor]

Same here. No way to connect to flipper, no way to debug on real device.

[talyh]

Potentially related - https://github.com/facebook/flipper/issues/4544#issuecomment-1442567483

[numandev1]

same issue

[wanxue0804]

+1

[numandev1]

I fixed it by adding IDB binary path

[sebastianupr]

This guide worked for me: https://toyboy2.medium.com/debugging-react-native-with-flipper-262da7bcadc7

[siliconsocket]

According with Podfile (React Native 0.72.4), you need to exclude react-native-flipper if NO_FLIPPER=1 is set, using a react-native.config.js file:

# If you are using a `react-native-flipper` your iOS build will fail when `NO_FLIPPER=1` is set.
# because `react-native-flipper` depends on (FlipperKit,...) that will be excluded
#
# To fix this you can also exclude `react-native-flipper` using a `react-native.config.js`
# ```js
# module.exports = {
#   dependencies: {
#     ...(process.env.NO_FLIPPER ? { 'react-native-flipper': { platforms: { ios: null } } } : {}),
# 

so I updated my react-native.config.js like this:

// react-native.config.js at project root
module.exports = {
  project: {
    ios: {},
    android: {},
  },
  assets: ['./src/resources/fonts/'],
  dependencies: {
    // when NO_FLIPPER=1
    ...(process.env.NO_FLIPPER
      ? {'react-native-flipper': {platforms: {ios: null}}}
      : {}),
  },
};

Now finally it works as expected with iPad