如何调试React Native?

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

当前回答

非常简单，只有两个命令

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

其他回答

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

这是弹出的屏幕:

详情请点击这里。

对我来说，在React-Native上调试的最好方法是使用“Reactotron”。

安装Reactotron，然后将这些添加到你的package.json:

"reactotron-apisauce": "^1.1.2",
"reactotron-react-native-under-37": "^1.1.2",
"reactotron-redux": "^1.1.2",

现在，只需要登录您的代码。例如:console.tron.log(调试)

在终端adb logcat *:S ReactNative:V ReactNativeJS:V 在Android Studio中打开项目，打开logcat(底部面板上的按钮) 在终端react-native Run -android中运行

构建完成后，您应该在logcat中看到Android Studio中的详细日志。

你可以从brew安装React本机调试器。它比chrome中的调试器使用起来更舒服

如果你在React原生应用程序开发中使用Atom编辑器中的Nuclide，那么你也可以使用“元素检查器”，这有助于观察开发阶段应用程序在设备上运行时的道具和状态值变化。

在这里了解更多

推荐文章