我现在正在学习React.js，但是我遇到了很多语法错误。我不清楚在编写react.js代码时如何调试JSX。一个典型的JSX语法错误在我的控制台上看起来像这样：
“第15行”似乎与任何实际代码都不对应。在我的IDE中，它是<script>标记前面的一个空行。展开错误只是显示了几十个对JSXTransformer.js的引用。
当我在谷歌上搜索这个问题时，每个人都说只需安装React调试器，我也安装了，但当涉及到JSX语法时，它毫无用处，实际上不会启动：
其他人建议在我的脚本中使用debugger;调用来调用Chrome调试器，这是明智的，但无论我在哪里进行调用，JSX错误都会以某种方式停止脚本。
2条答案
按热度按时间lymnna711#
React在识别进攻线方面有很大的困难，很可能是之前的一条，在你的情况下是14线。
dvtswwa32#
对于那些仍然在寻找OP标题中提出的更广泛问题的快速解决方案的人，可以考虑在JSX中使用内联调试语句。
这将在您的控制台中输出一条消息，显示在您试图查找的现有错误之前或之后。在JSX中上下移动上述代码，然后刷新并再次检查控制台，以缩小错误位置的范围。
虽然不是很理想，但它确实有效。这个方法 * 会 * 在生成的HTML中显示单词“undefined”，所以确保在完成后删除调试代码。