如何调试React Native?

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

当前回答

对我来说，在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(调试)

其他回答

非常简单，只有两个命令

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

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

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

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

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

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

对于android应用程序。按Ctrl+M选择调试js远程，它将在chrome浏览器中打开一个url http://localhost:8081/debugger-ui的新窗口。你现在可以调试应用程序在chrome浏览器

adb logcat *:S ReactNative:V ReactNativeJS:V

在终端中运行android日志。

推荐文章