【发布时间】：2016-01-03 22:39:00
【问题描述】：
现在正在尝试学习 React.js，但我遇到了很多语法错误问题。我不清楚在编写 react.js 代码时如何调试 JSX。在我的控制台上，典型的 JSX 语法错误如下所示：
“第 15 行”似乎与任何实际代码都不对应。在我的 IDE 中，在我的 <script> 标记之前是一个空行。展开错误只会显示几十个对JSXTransformer.js 的引用。
当我在谷歌上搜索这个问题时，每个人都说要简单安装 React 调试器，我也这样做了，但是在涉及 JSX 语法时它没有用，并且实际上不会启动：
其他人建议在我的脚本中使用 debugger; 调用来调用 Chrome 调试器，这是明智的，但是无论我在哪里调用，JSX 错误都会以某种方式停止脚本。
【问题讨论】：
-
没有看到代码，我会说它可能是脚本标签的第 15 行包含它试图解析的 JSX（例如，转换器将脚本标签的内容作为文本获取，然后编译它）。使用不仅在浏览器中工作的完整工具链for example Babel + webpack，可以帮助解决这个问题。
-
编译您的 JSX（而不是您正在使用的浏览器内转换）并打开源映射。如果你使用的是browserify/babelify，你需要设置
debug:true。
标签： javascript debugging reactjs google-chrome-devtools