Vscode-react-native: plugin does not work after last update of vscode

Created on 4 Aug 2016  ·  18Comments  ·  Source: microsoft/vscode-react-native

Plugin doesn't appear in Configurations/Select Environment section.
When I attempted to click on debug IOS or debug Android in existing project VSCode shows this error: Configured debug type 'reactnative' is not supported.

Software versions

  • React-Native VS Code extension version: 0.1.5
  • VSCode version: 1.4.0
  • OS platform and version: OSX El-Capitan 10.11.6
  • React Native version: 0.27.2
bug

Most helpful comment

Hi, I have similar issue 'Configured debug type 'reactnative' is not supported.'

Software versions
VSCode version: 1.11.2
OS platform and version: OSX Sierra 10.12.3
React Native version: 0.39.2

All 18 comments

What do you mean by "Configurations/Select Environment" section?

If you go to the extensions section
image do you see the React Native Tools extension listed as installed?

about 20 minutes a go, vscode displayed a pop up for update. It happened after update. Yes, React Native Tools extension is listed there. I tried reinstalling both the extension and VSCode. When I click 'gear' icon now, react native option is not displayed for newly created projects. And I cannot start any debug session for existing react native projects receiving "Configured debug type 'reactnative' is not supported".

I've just tried this out on an OSX 10.11.4 machine which I just updated to vscode 1.4.0, and it seems to be working correctly for me.

Can you please try deleting the ~/.vscode/extensions/vsmobile.vscode-react-native-0.1.5 folder and then re-install the extension and see if that helps? And failing that, could you check to see if your ~/.vscode/extensions/vsmobile.vscode-react-native-0.1.5/package.json exists and contains something like

"debuggers": [
{
"type": "reactnative",

which is what defines the React Native debugger.

deleting vsmobile.vscode-react-native-0.1.5 folder and reinstalling did not solve the problem. this is what I see in package.json now:
"debuggers": [
{
"type": "reactnative",
"label": "React Native",
"program": "./out/debugger/nodeDebugWrapper.js",
"runtime": "node",
"enableBrekapointsFor": {
"languageIds": [
"javascript",
"typescript",
"javascriptreact",
"typescriptreact"
]
},

That's very odd, and as far as I can tell it should work. I'll bring this up with some of the vscode team and see if it's an issue on their end.

Thanks for letting us know about this.

I appreciate your efforts. Hope, it is solved soon.

From the linked vscode issue, it seems that updating to a newer or older version of vscode solves the issue. If anyone else hits it, consider trying a beta version from https://code.visualstudio.com/insiders

I had the same issue, installing the insiders solved the issue

Installing the Insiders build has not fixed this issue for me. Any ideas?

Version 1.5.0-insider (1.5.0-insider)

@roura356a and @levito could you please add details about the issue to https://github.com/Microsoft/vscode/issues/10148 if it is the same issue here (extension is installed, but no debugger seems to show up)

@MSLaguana there is a typo in the enableBreakpointsFor attribute of the package.json. It is incorrectly spelled enableBrekapointsFor. I do not yet know whether this is the culprit...

@pietgk Trying to install 1.5.0-insider and install react native tool.It work for me

i am already using it,
until now no occurring of the issue.

if it appears ill let you know immediatly

thx piet

On 21 Aug 2016, at 11:47, 唐先森(tangsir) [email protected] wrote:

@pietgk https://github.com/pietgk Trying to install 1.5.0-insider and install react native tool.It work for me


You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub https://github.com/Microsoft/vscode-react-native/issues/276#issuecomment-241248225, or mute the thread https://github.com/notifications/unsubscribe-auth/ABkQ5BicSp_VmIyixpBRv_cI8aUnmPvRks5qiB6ugaJpZM4JdKNS.

Hi all. The fix is verified in VSCode Insider 1.5.0. You can download insider build or wait for the next release.

Hi, I have similar issue 'Configured debug type 'reactnative' is not supported.'

Software versions
VSCode version: 1.11.2
OS platform and version: OSX Sierra 10.12.3
React Native version: 0.39.2

I have this issue on VSCode 1.23.0 on macOS High Sierra 10.13.4:

Configured debug type 'reactnative' is not supported.

@ILI4S
I Saw this on 1.23.0. Updated to 1.23.1 and the simulator launches.

Hi @ILI4S
Please try to follow suggestion from here: https://github.com/Microsoft/vscode-react-native/issues/276#issuecomment-388339960. If it doesn't help you, please submit new issue.

Was this page helpful?
0 / 5 - 0 ratings