CODEWITHSUNDEEP
react-native
New iOS Dev
New iOS Dev

Reputation: 2057

Not able to connect remote debugger in React native in mac for iOS app?

I am trying to debug using chrome. I have added React Native Tool extension in VSCode, but getting error as:

[Error] Error: Unable to find plist file to configure debugging

when I am checking on chrome using http://localhost:8081/debugger-ui/ still not able to connect debugger.

I am new to react native please suggest if need more information for this issue

Upvotes: 3

Views: 3983

Answers (3)

Muhammad Iqbal
Muhammad Iqbal

Reputation: 1495

give a try to complete suit for react native debugging, performance analysis along with latest react-devtools

Flipper

now it is part of react-native-cli but you can configure in your existing react native version by following

Android Setup

iOS Setup

Upvotes: 0

Eugen-Andrei Coliban
Eugen-Andrei Coliban

Reputation: 1090

Citing the first paragraph from the react-native's site, regarding Chrome Debugging

To debug the JavaScript code in Chrome, select "Debug JS Remotely" from the Developer Menu. This will open a new tab at http://localhost:8081/debugger-ui.

So technically, in the iOS simulator, you have to cast the following combination ctrl + cmd + z, and tap on the Debug JS Remotely field, which will further open the debugger hosted on the following address http://localhost:8081/debugger-ui

As an workaround, on the same react-native site, there's a page where is explained how to debug the app via a standalone developer tool, which is installed as an npm package.

All you have to do is to install the package through npm or yarn (choose the package manager which you like the most :] )

* the same react-native site recommends to install it globally

npm install -g react-devtools

yarn add global react-devtools

And after installing the package just type in the terminal the following command to open the devtools

react-devtools

Upvotes: 2

Vijay122
Vijay122

Reputation: 964

Can you change the localhost value with your internal ip in the browser url of devtools.

http://127.0.0.1:8081/debugger-ui/

Upvotes: 0

Related Questions