7

To debug redux, I use React Native Debugger, but for this you need to enable Debug JS Remotely. I don't have this tab in the developer menu. I use redux, redux-toolkit, redux-saga.

photo: https://i.stack.imgur.com/jrX4b.png

Krilpil
  • 105
  • 1
  • 7

8 Answers8

9

You should disable hermes on Podfile:

  • Set :hermes_enabled => false
  • Install pods cd ios && pod install && cd ..
  • Build App npx react-native run-ios

Reference: https://github.com/facebook/react-native/issues/34615#issuecomment-1238913946

Andre Angeloni
  • 122
  • 6
  • 3
    As it’s currently written, your answer is unclear. Please [edit] to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Oct 21 '22 at 13:57
3

We can debug the application with ReactNative 0.70.0 with Hermes Enabled by following this reference

vignesh
  • 994
  • 10
  • 12
0

Shake your device or pick "Shake Gesture" from the Hardware menu in the iOS Simulator to get to the developer menu. you can check this tutorial here.

Louay Sleman
  • 1,794
  • 2
  • 15
  • 39
0

Choose Open Debugger option and then inspect the browser webpage and go to the console tab in that

Bhavya Koshiya
  • 1,262
  • 2
  • 8
  • 22
  • 7
    Unfortunately, here's what happens in the console: `info Opening flipper://null/Hermesdebuggerrn?device=React%20Native...` `error Browser exited with error:, Error: invalid url, missing http/https protocol` – Krilpil Sep 10 '22 at 08:56
0

installed the desktop version of flipper with the redux debugger plugin. The problem is solved, albeit in a different way :)

Krilpil
  • 105
  • 1
  • 7
0

You can check this website and You can check the hermes installation settings. You have to configure chrome settings for using debug mode with hermes.

Bulut
  • 145
  • 2
  • 7
0

If you are using Google Chrome:

  1. Navigate to chrome://inspect in a Chrome browser instance.
  2. Click on Configure...
  3. Add localhost:8081 on Target discovery settings and click Done.
  4. Your App will be displayed on Remote Target. Note: Please make sure that you're running Metro.
  5. Click Inspect

References: https://reactnative.dev/docs/hermes

Huỳnh Võ
  • 1
0

Install yarn add react-native-devsettings and in your App.tsx add import 'react-native-devsettings';

then press cmd+d and select (*) Debug JS Remotely, it should work for React Native 0.71 and other versions.

https://github.com/gusgard/react-native-devsettings#usage

gusgard
  • 905
  • 1
  • 10
  • 24