您可以使用expo进行调试:https://expo.io/

Expo让web开发者能够构建真正的本地应用程序，可以在这两个平台上运行 iOS和Android只需要用JavaScript写一次。它是开放 源代码，免费并使用React Native。

这是一个很棒的工具，你可以在React Europe conf上观看这个研讨会:

https://www.youtube.com/watch?v=HygXkQDMSGU&t=6675s

使用Flipper或retotron。每一种都有自己的好处，没有一种要求您启用调试模式，所以您的环境不会变慢!

这是使用react本机调试器应用程序的另一种方式。

你可以使用下面的链接下载应用程序，这是一个非常好的应用程序，用于管理redux商店的源代码。

react-native-debugger

现在你可以直接使用下面的链接来帮助你。

chrome开发工具

奇怪的是，⌘+ D对我不起作用。在iOS模拟器中按ctrl + cmd⌘+ Z确实为我打开了调试浏览器窗口。

这是弹出的屏幕:

详情请点击这里。

使用可视化代码工作室调试react原生android和ios应用程序的最佳方法

步骤1。

安装React Native -完整的扩展包

步骤2。

使用USB调试模式连接移动设备或从android工作室打开模拟器。

步骤3。

在可视代码工作室的左侧菜单中单击调试选项 点击添加配置，选择React Native，然后创建launch.json

步骤4。

打开dev选项在手机上的长后按或摇手机和启用调试js远程

第5步。

最后一步点击播放按钮，选择调试android或调试ios

更多信息请参考这个链接

https://medium.com/@tunvirrahmantusher/android-debug-with-vscode-for-react-native-96f54d73462a

我没有足够的声誉来评论之前的答案，这些答案都很好。：） 以下是我在开发react-native应用程序时调试的一些方法。

Live reloading react-native makes it super easy to see your changes with the ⌘ + R keys or even just enable live reload and watchman will "refresh" the simulator with the latest changes. If you get an error, you can get a clue from the line number from that red screen. A couple of undo will get you back to working state and start again. console.log('yeah, seriously.') I find myself prefer letting the program run and logging some informations than adding a debugger break point. (tough debugger is useful when trying to work with external packages/libraries and it comes with autocompletion, so you know what other methods you can utilise.) Enable Chrome Debugging with debugger; break point in your program.

这取决于您遇到的错误类型以及您对如何调试的偏好。对于大多数未定义的不是一个对象(评估'something.something')，方法1和2对我来说已经足够好了。

然而，处理由其他开发人员编写的外部库或包将需要更多的努力来调试，因此有一个像Chrome Debugging这样的好工具

有时它来自react-native平台本身，所以谷歌一下react-native问题肯定会有帮助。

希望这能帮助到一些人。