究竟你应该如何在React.js中调试JSX?

时间:2015-10-06 21:01:14

标签: javascript debugging reactjs google-chrome-devtools

现在尝试学习React.js但是我在语法错误方面遇到了很多麻烦。在编写react.js代码时,我不清楚如何调试JSX。在我的控制台上,典型的JSX语法错误如下所示: enter image description here

“第15行”似乎与任何实际代码都不对应。在我的IDE中,它在我的<script>标记之前是一个空行。扩展错误只会显示几十个JSXTransformer.js的引用。

当我谷歌这个问题时,每个人都说要简单地安装React调试器,我做了,但是当涉及到JSX语法并且实际上不会启动它时它是无用的: enter image description here

其他人建议在我的脚本中使用debugger;调用来调用Chrome调试器,这是明智的,但无论我在何处拨打电话,JSX错误都会以某种方式停止脚本。

1 个答案:

答案 0 :(得分:2)

React在识别攻击线方面遇到了很大的麻烦,在你的情况下第14行很可能就是那个。