React native Can';不要总是在Chrome中设置React本机断点

React native Can';不要总是在Chrome中设置React本机断点,react-native,React Native,在Chrome中调试React本机应用程序时,我经常无法在Sources选项卡中设置断点。当我单击一行代码来添加断点时,一个断点被添加到模块中的下一个函数声明行中 这并不是在我所有的源模块中都会发生,但经常会妨碍我有效地进行调试 我目前正在使用RN 0.22,但这种情况也发生在旧版本的RN上(例如RN 0.18)。这个问题可能是由babel引起的。当同时使用正常功能和箭头功能时,发生了此问题。我仅在以下情况下遇到此问题: 1) js文件包含多个函数,以及 2) 试图在不是.js文件中最后一个函数

在Chrome中调试React本机应用程序时,我经常无法在Sources选项卡中设置断点。当我单击一行代码来添加断点时,一个断点被添加到模块中的下一个函数声明行中

这并不是在我所有的源模块中都会发生,但经常会妨碍我有效地进行调试


我目前正在使用RN 0.22,但这种情况也发生在旧版本的RN上(例如RN 0.18)。

这个问题可能是由babel引起的。当同时使用正常功能和箭头功能时,发生了此问题。

我仅在以下情况下遇到此问题: 1) js文件包含多个函数,以及 2) 试图在不是.js文件中最后一个函数的函数内设置断点

因此,部分解决方法是移动函数,使其成为.js文件中的最后一个函数。或者,您可以为每个文件分配一个函数。无论哪种方式,您都可以设置断点


这远非理想,但这是迄今为止我找到的唯一“解决方案”。

“sourceMaps”:“inline”
in.babelrc为我解决了这个问题。

我也有同样的问题,现在我有一个舒适的解决方案: 我将“调试器”一词放在要调试的文件中。 我刷新浏览器以查看它是否停止。 停止后,我可以添加任意多的断点,并从文件中删除“调试器”字

只需安装包并从终端运行react断点修复程序


这个给我修好了。我在用react-scripts@3.x

我确实使用箭头功能。在我想要调试的一个模块中,我用常规函数调用替换了它们。但这并没有解决这个问题。不过谢谢你的想法。我不确定我最初尝试这个解决方案时哪里出了问题,但下面是git react native上发布的更详细的答案。将函数someFn(){}替换为const someFn=()=>{}源文件中不能有任何函数试图在其中设置断点。我遇到了同样的问题。我想知道你是否已经解决了它。如果是的话,你能在这里更新你的解决方案吗?不,还没有解决。还有人还有这个问题吗?我正在使用Expo和React本机调试器,通常我的断点不会被击中,奇怪的事情就会发生。我对react本地工具非常失望。这太疯狂了。它基本上只是没有设置断点的能力。仍然是这样吗?“仅在以下情况下”:)好吧,它们不是边缘案例欢迎使用堆栈溢出!这可能是正确的答案,但为了让它成为一个好答案,最好添加解释和示例,说明这是如何或为什么是正确的解决方案。我建议阅读该页面了解更多信息。对我来说不起作用。为我把一切都放在同一条线上对我不管用。安装后打印未找到的
命令:react断点修复