Webstorm 不识别es6 import React from ‘react’——webstorm不支持jsx语法怎么办

Posted 云の旋律

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Webstorm 不识别es6 import React from ‘react’——webstorm不支持jsx语法怎么办相关的知识,希望对你有一定的参考价值。

2016-10-31更新

webstorm不支持es6语法怎么办?

 

 

webstorm不支持jsx语法怎么办?

参考:webstorm不支持jsx语法怎么办

 

 

 

 

 


I spent ages trying to fix this. Every solution talks about \'setting options\'. I don\'t know what that means. Finally, I figured it out. You can just include a commented out line at the top of the file /*jshint esversion: 6 */.

//如果jsx语法报错 在顶部加入
/*jshint esversion: 6 */这段注释
另外如果提示导入的包报错,请使用双引号 "react","antd"

可以参考这篇文章:http://stackoverflow.com/questions/27441803/why-does-jshint-throw-a-warning-if-i-am-using-const (需要FQ好像。。。)

 

最后上张效果图:

以上是关于Webstorm 不识别es6 import React from ‘react’——webstorm不支持jsx语法怎么办的主要内容,如果未能解决你的问题,请参考以下文章

WebStorm初始化配置

为webstorm添加vue的相关支持

webstorm添加*.vue文件代码提醒支持webstorm支持es6vue里支持es6写法

Vue项目中提示JSHint: import is only available in ES6 (use esversion: 6)解决

WebStorm ES6 语法支持设置

WebStorm ES6 语法支持设置