2

I am currently working on a new React Native project that uses Hermes as the JavaScript engine. However, I'm facing difficulties when trying to debug the app using Chrome DevTools.

enter image description here

I have followed the steps mentioned in the React Native documentation and have successfully enabled debugging through the following command:

adb reverse tcp:8081 tcp:8081

After running this command, I can see the app running on my device, but when I try to open Chrome DevTools by typing "chrome://inspect" in the Chrome browser, the app does not appear in the list of available targets.

I have tried the following steps to troubleshoot the issue:

  • Ensured that the app is running in debug mode by checking the android:debuggable flag in the AndroidManifest.xml file.
  • Restarted the Metro Bundler.
  • Restarted my device and computer.
  • Updated React Native, Hermes, and Chrome to their latest versions.
  • Checked that USB debugging is enabled on my device.
  • Tried using a different USB cable and USB port.

Despite trying these steps, I am still unable to debug the app using Chrome DevTools. Any suggestions or insights on how to resolve this issue would be greatly appreciated.

Improve this question
1
Related questions
362
Chrome DevTools Devices does not detect device when plugged in
303
How do I "shake" an Android device within the Android emulator to bring up the dev menu to debug my React Native app
181
How to change the application's name?
Load 6 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.