Webstorm 11 doesn't recognize react
I just upgraded to WS 11. Now when i open the react project I was working on in 10, it tells me that props and state are Unresolved variables. I've already set the Javascript language version to JSX Harmony. I have the same plugins and JavaScript Libraries loaded as I had in 10. All of the files are the same. I have no problem with this project in WS 10. Has anyone else had this problem?
Please sign in to leave a comment.
can you provide exact code snippet that shows up the issue? Do you have react node_modules available in your project?
The exact code is something as simple as show={this.state.showColumnManager}
State is underlined with "Undefined variable state" in the pop up. What do you mean node_modules? I can open the same project(same files) in WS 10 without any problem. All of the JavaScript libraries are there.
No, sorry, this is not enough. I need to see a way things are defined, as you can create your components in a dozen of different way, using pure javascript, ES6, Typescript, with react node module used as a library, or with standalone react.js, etc.
I'm using pure JavaScript with a standalone react.js I have to support ie 10. The react.js file is downloaded and in a project folder. It is referenced with the correct path in the index.html.
works for me using similar setup:
Please try invalidating caches - does the problem persist? If yes, try creating a sample project that shows up your issue
Do I have to use .jsx files? All of my files are still .js files.
No, you don't need using .jsx extension. Just make sure to set Javascript language version to 'JSX Harmony'
We are using JSX Harmony. And we are using react 0.13.3. If we add this file "react-0.13.3.d.ts" to our Languages & Frameworks | JavaScript | Libraries, do you think this will fix the issue? If not any suggestions you have would be helpful.
you can try... As I have mentioned, this works for me without .d.ts files. Just tried with react-0.13.3.js - same result.
I just upgraded to Webstorm 2016. I still have the same issue. What are your settings? What plugins are you using?
Nothing special - no libraries configured, react-0.13.3.js is placed in the project directory
I've just run across this issue and resolved it by doing the following:
Settings -> Languages & Frameworks -> TypeScript -> Tick "Use TypeScript Service".
On version 2017.1.1