Vscode: react file with .js extension and JavaScript React language doesn't work very well

[luisrudge]

errors

.js file with errors

.jsx file without errors

[lwansbrough]

I'm also experiencing this issue. Ignoring it for now, but occasionally I run into an actual syntax error that would have been caught if I hadn't trained myself to ignore them! :)

[tgienger]

I believe this is because static properties, rather any class property declared this way, is an ES7 feature and code doesn't yet have support for it.

Question though, are you guys getting bracket completion when using .jsx extension? I'm not. I don't get auto indent either, so I've been using Sublime when working with React at all lately.

[luisrudge]

Well, it's an ES7 feature, but it doesn't highlight any errors when you use the .jsx extension..
Also, it's even highlighting the <div> tag so... Something is wrong :D

[lwansbrough]

As far as I'm concerned this fix should be better support of JSX contained in .jsx files and an addition of the ability to select which file parsing I want to use for each filetype. And yes the ES7 features are a separate issue.

[AndrewRayCode]

+1 jsx support in .js file extensions is a required feature

[tgienger]

Is anyone else not getting bracket completion and auto indent with .jsx files?

[davezuko]

JSX support in .js files is one of the only things keeping me from using VSCode as my primary editor. +1 for getting some sort of support for this.

[Ben07]

+1.I like this feature.

[builden]

+1 add es7 support

[jedmao]

same issue here

[deathmood]

@tgienger +1 also have this issue - nor auto indent neither bracket auto close - it is a real pity because when I switch language from javascript react to typescript react or just javascript it all works

[thitemple]

Same here, it would be good to have jsx support on .js files

[cnjon]

+1

[jrieken]

Yeah, no proper support for JSX yet. Closing as dope of #140

[vishal18-gupta]

// Place your settings in this file to overwrite default and user settings.
{
"files.associations": {
"*.js": "javascriptreact"
}
}

[vishal18-gupta]

Refer http://stackoverflow.com/questions/32832264/change-language-to-jsx-in-visual-studio-code/37592711#37592711?newreg=f24a9655438c47e2b780380cec1391ef . It worked for me