React.js怎么单步调试js?

#1

在chrome里打断点没效果，引用的js分别是src和build的都试了，多不幸都不行，应该怎么办呢？

#2

用热加载调试

#3

要看具体情况, 比如在 log 的位置打点, 能不能停住?

#4

能具体说下吗？

#5

例如：就像上面的断点

#6

相关的因素有几个, 查一下:

  • Source 这边右边有个 => 或者 =/> 形状的按钮, 如果是 => 那说明断点是关闭的
  • 如果代码被热替换了, 那应该打断点在新的代码上, 就的文件是不执行的
#7

会不会是代码没执行到这里。还可以直接在代码里面写

debugger;

这样肯定可以了。

#8

确实，用babel转换过的代码才能调试，JSX是调试不了，谢了

#9

debuger确实可以，而且可可以直接在jsx里调试，就是每次调试都要改源码，可以作为后备方案

#10

hi, 想问一下最后怎么处理呢？chrome里面的调试断点无效果，只能在代码里面debugger; babel转换过的代码在sources里面的路径是？