How do I connect a custom dev-dev-client to react-native-debugger

Expo Development Tools
1

I have built a custom dev client, but when I try to open the JS Debugger it uses React DevTools rather than react-native-debugger. I already set it to listen to port 19000

Also it works with Expo Go.

2

If you use the default opening command from react-native-debugger docs: "rndebugger://set-debugger-loc?host=localhost&port=8081" and enable the Remote JS Debugger from the Dev Client it should connect automatically.

3

Says macOS only I am on Windows. Also I switched it to 19000 per the instructions on the Expo pages.

4

Wasn’t aware that you are on Windows. Sorry about that.

Are you using react-native-debugger-open on Windows?

5

Nope but the debugger itself is open.

image
image2605×2079 261 KB

But it just won’t show the the tree.

6

Finally got it working. Few things

  1. tunnel doesn’t work with it from what I can tell
  2. you need to launch yarn start --dev-client and use 8081 as the port for react native debugger
2 Likes
7

Thanks for sharing your solution here! I’ll update the docs to use correct port number.

2 Likes