这真的取决于我在做什么。如果我正在更改UI或调试UI，我通常会打开实时和热重新加载并进行更改，然后获得即时反馈。如果它是更技术性的东西，我打开JS调试来查看应用程序的状态。然而，因为在react本机中重新加载是如此之快，如果状态太混乱，我只是控制台日志。

如果您正在使用模拟器使用Ctrl+M和模拟器Cmd+D 远程单击- Debug js 谷歌Chrome浏览器进入控制台

React本机调试器。它帮我解决了90%的问题

我没有足够的声誉来评论之前的答案，这些答案都很好。：） 以下是我在开发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问题肯定会有帮助。

希望这能帮助到一些人。

如果你想在Windows上使用android设备调试，只需打开命令提示符，然后输入(确保你的adb工作正常)

adb shell input keyevent 82

它将提示一个类似于图像的屏幕

然后选择

debug JS Remotely

它会自动打开一个新窗口。然后打开检查元件或按F12进入控制台。

步骤1: 把调试器放在你想要停止脚本的地方，比如:

  async saveItem(item, selectedValue) {
    debugger
    try {
        await AsyncStorage.setItem(item, selectedValue);
    }
    catch (error) {
        console.error('AsyncStorage error: ' + error.message);
    }
}

这将在控制到达此代码块时暂停调试器。

步骤2: 在ios模拟器上按Cmd+D，在Android模拟器上按Cmd+M。 如果你有真正的设备，摇动设备打开开发菜单，如果你不想摇动设备，请关注这个博客

步骤3: 选择启用远程JS调试，这将打开Chrome

步骤4: 选择开发人员工具。

步骤5: 在源代码中编写调试器的任何地方，调试器都会在Sources选项卡中暂停。进入控制台，输入任何你想调试的参数(出现在代码块中)，例如: 要移动到下一个调试器点，再次移动到Sources ->单击恢复脚本执行按钮(右下角蓝色按钮)

把调试器放在你想暂停脚本的任何地方。

享受调试! !