Visual Studio not recognizing React/Redux syntax

Question

I just set up the default React/Redux application using visual Studio 2017 (File --> New Project -> ASP.NET core Web Application -> React/Redux. I made no edits to the created project. It runs on IIS Express fine, but when I go and look at the code, there's a bunch of red lines. It doesn't seem to recognize React/Redux syntaxs, as shown in the images below.

I looked around but couldn't find any packages or solutions to this problem. It makes it very hard to debug my code. Does anyone know of a fix? I don't want to use VS Code because it doesn't have resharper.

Edit: still not working. All node.js development packages are already installed.

Possible duplicate of Visual Studio 2015 JSX/ES2015 syntax highlighting — UjinT34
– UjinT34, Commented Mar 22, 2019 at 16:31
Looked at it, the workload was already installed. No fix found. Still looking for a solution to this. — Aiyuni
– Aiyuni, Commented Mar 22, 2019 at 17:09
Doesn’t have resharper? Lint + prettier is more than enough. Nonetheless, you should be able to work without one or the other and not be dependent on its tooling. — Nicklas Pouey-Winger
– Nicklas Pouey-Winger, Commented Mar 22, 2019 at 20:56

Aiyuni · Accepted Answer · 2019-03-22 20:50:51Z

5

Rename your .js files as .jsx files to fix this issue.

answered Mar 22, 2019 at 20:50

Aiyuni

8306 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

EdSF Over a year ago

Holy bat fix batman! Thnx

Collectives™ on Stack Overflow

Visual Studio not recognizing React/Redux syntax

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related