WebStorm中使用reactjs语法报错

今天开始学习reactjs,按照官方文档把HelloWorld程序复制到WebStorm中,程序可以正常运行,但是WebStorm会报错,我用的是WebStorm11。

求各位大神给个详细配置教程。

网上各种写的不清不楚的。

clipboard.png

阅读 31.7k
11 个回答

把 JavaScript 的版本设置为 JSX Harmony。

clipboard.png

讲道理的话,WebStorm 检测到语法问题在右上角应该会提示的。

把 <script type="text/babel"></script>改为 <script type="text/jsx"></script> webstorm暂时不支持前一种

settings => Languages & Frameworks => JavaScript => JavaScript language version
改一下就行了

新手上路,请多包涵

我测试的也是这种结果。我的解决办法:
把引入的script库browser换成JSXTransformer,然后把type类型改为:text/jsx ,最后再把JavaScript版本修改为JSX Harmony就ok了。

首先引入react包里面的转换文件:

<script src="../build/JSXTransformer.js"></script><!--用于语法兼容-->

再把 JavaScript 的版本设置为 JSX Harmony。
最后,script类型设置为jsx:

<script type="text/jsx">

我也遇到了这个问题,JavaScript 的版本已经设置成JSX Harmony,script 标签的type设置成 text/jsx ,还是有红色波浪线。

把 <script type="text/babel"></script>改为 <script type="text/jsx"></script> webstorm暂时不支持前一种 正解

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
1 篇内容引用
推荐问题