无法将Debugger与react-native应用程序连接？

Question

I am trying to add debugger with react native android, But it always stuck on white screen and did not show anything. After 3 to 5 mint it shows the following message on android:-

and on my visual studio code debugger console it shows:-

and here is my launch.json file:-

{
"version": "0.2.0",
"configurations": [
    {
        "name": "Attach to packager",
        "program": "${workspaceRoot}/.vscode/launchReactNative.js",
        "type": "reactnative",
        "request": "attach",
        "sourceMaps": true,
        "outDir": "${workspaceRoot}/.vscode/.react"
    },
    {
        "type": "chrome",
        "request": "launch",
        "name": "Launch Chrome against localhost",
        "url": "http://localhost:8080",
        "webRoot": "${workspaceFolder}"
    }
    ]
}

Answer 1

In order to debug JS remotely it is necessary that both the mobile and the laptop to be in the same network then find the ip address of your laptop and then use the following commands

• adb shell input keyevent 82
• click in debug host option and enter your ip address there with port like that (eg 192.168.110.2:8081)