如何调试React Native?

当应用程序在应用模拟器中运行时，如何用React Native调试他们的React代码?

当前回答

adb logcat *:S ReactNative:V ReactNativeJS:V

在终端中运行android日志。

其他回答

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

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

这是弹出的屏幕:

详情请点击这里。

对于Android: Ctrl + M(模拟器)或摇动手机(在设备中)显示菜单。

对于iOS: Cmd + D或摇晃手机显示菜单

确保你有铬。

在显示的菜单上选择Debug JS远程选项。

Chrome将在localhost:8081/debugger-ui自动打开。您也可以使用此链接手动转到调试器。

那里显示控制台，你可以看到日志被记录。

对于Android应用程序，如果你正在使用Genymotion，你可以通过按CMD + m来切换菜单，但你可能必须在菜单中启用它。

取消小部件通过CMD + m单击debug在chrome中启用它

非常简单，只有两个命令

For IOS $ react-native log-ios
For Android $ react-native log-android

推荐文章