如何调试React Native?

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

当前回答

adb logcat *:S ReactNative:V ReactNativeJS:V

在终端中运行android日志。

其他回答

在文件路径中设置空格会阻止Cmd+D的工作。我把我的项目移动到一个没有空间的位置，我终于让Chrome调试器工作了。看起来像个bug。

我使用的一种技术非常类似于Android中的调试策略，即在所有.js文件中包含一个名为TAG的全局变量。

const TAG = 'APP_NAME+SCREEN_NAME';

然后在需要的地方，我将这样做:console.log(TAG + 'ACTION');

通过这种方式，我可以跟踪操作并查看日志语句的来源。

试试这个程序:https://github.com/jhen0409/react-native-debugger

适用于:windows, osx和linux。

它支持:react native和redux

你还可以检查虚拟组件树，修改应用中反映的样式。

非常简单，只有两个命令

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

对于Android模拟器，在Windows下按F10而不是Cmd+M。模拟器开始显示所有的react-native调试选项。

推荐文章