Add configuration not working - react native tools

[springcoil]

Issue Type: Bug

Hi, I wanted to use React-native debugger like this tutorial - https://github.com/Microsoft/vscode-react-native/blob/master/README.md#debugging-react-native-applications. However I'm running into problems getting it to work. I click on 'Add Configuration' in launch.json and nothing happens. I see no change. I expected that this would offer me some options. microsoft/vscode#63242 is a related issue I believe.

Extension version: 0.9.2
VS Code version: Code 1.33.1 (51b0b28134d51361cf996d2f0a1c698247aeabd8, 2019-04-11T08:22:55.268Z)
OS version: Darwin x64 18.5.0

System Info

Item	Value
CPUs	Intel(R) Core(TM) i7-4770HQ CPU @ 2.20GHz (8 x 2200)
GPU Status	2d_canvas: enabled checker_imaging: disabled_off flash_3d: enabled flash_stage3d: enabled flash_stage3d_baseline: enabled gpu_compositing: enabled multiple_raster_threads: enabled_on native_gpu_memory_buffers: enabled rasterization: enabled surface_synchronization: enabled_on video_decode: enabled webgl: enabled webgl2: enabled
Load (avg)	3, 3, 2
Memory (System)	16.00GB (1.72GB free)
Process Argv
Screen Reader	no
VM	0%

[ruslan-bikkinin]

Hi @springcoil and thanks for reaching us. Is Add configurations button grayed out in your case?

[springcoil]

Hi @ruslan-bikkinin no it's not greyed out. I've got a screenshot.

[ruslan-bikkinin]

Usually it should be gray when launch.json is malformed. In your case just add these lines to launch.json to make it work again:

{
    "version": "0.2.0",
    "configurations": [
    ]
}

[springcoil]

Thanks so much. I'm happy with that resolution. Can I open a PR to just add this to the FAQs?

[ruslan-bikkinin]

@springcoil I believe this is a regression in VS Code issue because Add configuration button supposed to be disabled in the past in cases like yours. I'd suggest you to let VS Code team know about it, as well, unless there is similar issue opened already.

[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?