javascript - 你应该如何在 React.js 中调试 JSX?

标签 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 错误都会以某种方式停止脚本。

最佳答案

React 在识别攻击线方面有很大的困难,很可能是之前的那个,在你的情况下是第 14 行。

关于javascript - 你应该如何在 React.js 中调试 JSX?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32979673/

相关文章:

javascript - react 未捕获类型错误 : Cannot read property '__reactAutoBindMap' of undefined

javascript - 如何在jquery中的popup中访问Json返回值

c# - 为什么调试器/运行时不能告诉我哪个对象为空?

java - 学习调试

visual-studio-2008 - 在VS2008中显示内存窗口

javascript - 将 State 添加到我的 React 设置会导致 "./src/Main.js Module build failed"

javascript - 对数组项进行分组,但关键是数组

javascript - 如何从 javascript 函数中删除 .onchange 处理程序

javascript - Fabricjs 中的每个事件都会触发按钮单击事件

java - 创建动态地与 UI 中的数据对话的 XML