在Chrome中调试我的React Native应用时，我经常无法在“来源”标签中设置断点。当我单击一行代码添加断点时，会将断点添加到模块中的下一个函数声明行。
这在我的所有源模块中都没有发生，但通常足以阻止我有效地调试。
我目前正在使用RN 0.22，但这也发生在较旧版本的RN上（例如RN 0.18）。
答案 0 :(得分：5)
这个问题可能是由巴贝尔造成的。当一起使用普通功能和箭头功能时，它就发生了。
答案 1 :(得分：4)
"sourceMaps": "inline"为我解决了这个问题。
答案 2 :(得分：2)
我在以下情况下才遇到过这个问题： 1）.js文件包含多个函数，和 2）尝试在函数中设置断点，该函数不是.js文件中的最后一个函数
因此，部分解决方法是移动一个函数，使其成为.js文件中的最后一个函数。或者，您可以为每个文件分配一个函数。无论哪种方式，您都可以设置断点。
这远非理想，但它是迄今为止我发现的唯一“解决方案”。
答案 3 :(得分：0)
我遇到了同样的问题，现在我有了一个舒适的解决方案： 我在要调试的文件中放入了“调试器”一词。 我刷新浏览器，看到它停止了。 停止后，我可以根据需要添加任意多个断点，并从文件
中删除“调试器”一词。答案 4 :(得分：0)
尝试此套餐 https://www.npmjs.com/package/react-breakpoint-fix
只需安装该软件包，然后从终端上运行react-breakpoint-fix。
这为我解决了。我正在使用react-scripts@3.x