http://localhost:8081/debugger-ui/ is not working - react-native

debugger status is loading and below image show's error.

Install in roject path> npm install react-native-debugger --save
0. paste http://localhost:8081/debugger-ui/ on chrome browser
1. in cmd run > react-native run-android
in emulator, after show app, press on keyboard ctrl+M to show menu -> select Dev setting -> then change Debug server host &... to "localhost:8081"
3.in emulator, after show app, press on keyboard ctrl+M to show menu -> select Dev setting -> then enable Hot loading
press f12 then go to console change chrome console setting, one dropdown to debuggerworke.js and then other dropdown select verbose
5.notice to port that emulator is running, in node window it is shown in box at top. if it was not 8081, you must change it in case 4 above.
I hope it can work...

You can replace with your IPAddress with localhost.
http://IPADDRESS:8081/debugger-ui/

Related

react native remote debug on chrome not working

I fallowed this site to enable remote debug on chrome, but chrome is always showing Status: Another debugger is already connected I dont understand why. I only have one tab open and on the android emulator I have clicked control + shift + m and clicked on debug and now it shows stop debugging.
So what I'm I doing wrong ?

React-native: how to disable the opening of dev-tools webbrowser tab?

Starting my app with react-native start (when debug mode is enabled) open a tab in my default webbrowser (after the log info Launching Dev Tools... displayed in the terminal).
How can I disable it?
In menu of the device press 'Stop Debugging'.
In my case (Android, Samsung phone), it's 2nd point, the 1st is 'Reload'.
If debug is stopped all console.log go to the terminal where Metro Bundler is run.

Setting VM flags failed

I have added flutter to intellij but when i run the code this error appearenter image description here
I was having the same problem with IntelliJ. To fix this move to the box beside the run button then click on it, select edit configurations, then disable the Checked mode below VM options then click on Ok.

Devtools failed to connect to react native emulator

I execute the project with react-native run-android and in another terminal, i do:
npm run react-devtools
and it opens the new window of electron that says:
The react native app it will open in a few seconds...
but nothing happens.
I put in the simulator toggle inspector with Ctrl + m and i can see in networks that it makes a request to http://localhost:8097 and the result is it fails to connect and keeps trying with the same result.
devtools can not to connect to emulator, It write connecting... And show a link for troubleshoot but link doesnt work. With ctrl shift i in devtools, I can understand error is fail to connect because of backend.js. Can Any body help me?
Make sure pors is forwarded from the emulator.
Use adb reverse tcp:8097 tcp:8097 to enable
See https://fig.io/manual/adb/reverse for more details

React Native: Cant find variable 'require' (at bundle)

I made a new react native project. Just react-native init myProject. I run react-native start to start the packager. I set up my phone and after i ran react-native run-android the app is installed in my phone.
When i launch the app it communicates with the packager but i have an error
that cant't find variable require.
Any help?
Your phone tries to connect to the debug server but it have not the address of your local server. You can try:
Find you local ip address by executing ifconfig on Linux/Mac, for example: inet addr:192.168.0.3
Shake the device to see menu options while app is running (if you don't have "Menu" button)
Go to Dev Settings -> Debug server host & port for device in Debugging section and copy your local ip address with the specific port: 192.168.0.3:8081 (the port can be viewed when running npm start from the first tab) then go/press Back
Shake the device to see menu options again and press Enable Live Reload (to see changes live when editing) or Reload
Shake the device to see menu options again and press Reload JS