Normally when we click on the Debug JS Remotely
option a new tab opens up in the google chrome
(like in the below screenshot).
So as seen in the above screenshot we get all the files
that we are working on according to the directory
.
But in my case the files
don't show up in the chrome
(like in the below screenshot)
What might be the issue ?
Use Google Chrome's DevTools to debug an app when it is running in the browser using the ionic serve command, deployed to an emulator, or on a physical device. To inspect a physical device, first you need to have developer mode enabled.
Select Tools → Developer Tools from the Chrome Menu to open the Developer Tools. You may also access the DevTools using keyboard shortcuts ( ⌘⌥I on macOS, Ctrl Shift I on Windows).
Connecting a React Native app to React Native Debugger To connect your app with React Native Debugger, you need to run your app and start debug mode. To start debug mode, shake your mobile device or press Command + Shift + Z or Ctrl + M and choose the debug option. We're all set to begin using React Native Debugger.
1. Choose "Open file" from this menu:
2. Search for the file by typing its name:
3. Enjoy debugging!
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With