No Debug Launch Configuration Options for react-native extension

[Chuk116]

          I am having a similar issue that I can't quite figure out. I have the react-native tools extension downloaded on VSCode but when I click on the Add Configuration button I don't see any options for React Native. Additionally, when I click on the "Show all automatic debug configurations" in the Run And Debug side panel, I see the "React Native" option like this: 

However, when I click the React Native option the dropdown is empty like this: I feel like I have tried every solution that I have found on the web for related issues but nothing has worked so far. Any ideas for other possible solutions?

Originally posted by @Chuk116 in #985 (comment)

[EzioLi01]

Hey @Chuk116 , thanks for reaching us. Which version of vscode have you used? Actually I have no luck to repro this with the rn template. Please check extension runtime status in below page. BTW, can you try to add config in launch.json file manually?

Could you please provide a repro demo to me for the investigation?

[EzioLi01]

Hey @Chuk116 , do you have any updates on this?

[Chuk116]

Hi @EzioLi01 sorry for the late response. Here is the response to the questions that you had asked:

1. I believe the version of vscode is 1.89.1. Here is a screenshot of the About VSCode page:

2. I have tried adding the config manually but the debugger doesn't work as expected.

3. I am not sure what instructions I can give you to be able to reproduce the issue. I didn't do anything special when downloading the RN extension. Here is a screenshot of the Runtime Status of the extension:

[EzioLi01]

Hey @Chuk116 , thanks for the details.
At your screenshot, your extension is not activated, this extension will be activated when vscode open a react-native project folder. If you don't have any specific demo, could you please try to create a sample project using npx react-native init testApp, and open it in vscode to check if extension can be activated?

[EzioLi01]

Hey, do you have chance to check it?

[Chuk116]

Yes sorry, I created the sample project but it doesn't seem to be activated within the sample project either:

[EzioLi01]

Yes sorry, I created the sample project but it doesn't seem to be activated within the sample project either:

I still cannot repro it, could you please show me a full screenshot include your vscode file explorer or record a video for it? I will keep this issue opening, but I must say, it's hardly do any investigation if I cannot get some useful information. Thanks.

Also could you please try to manually create launch.json, add config as below, and start debugging to see if extension can be activated and start to work?

    "configurations": [
        {
            "name": "Debug iOS Hermes",
            "request": "launch",
            "type": "reactnativedirect",
            "cwd": "${workspaceFolder}",
            "platform": "ios"
        }
    ]
}

[EzioLi01]

Close this issue since no updates from customer currently, if any detail needs to update, please reopen this or create a new one. Thanks!

[lucassad]

I am also facing this issue, any fix?