如何调试React Native?

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

当前回答

如果你想在默认情况下打开调试:

import { NativeModules } from 'react-native';

if (__DEV__) {
  NativeModules.DevSettings.setIsDebuggingRemotely(true)
}

要让它在Android上工作:

npm install --save react-native-devsettings-android
react-native link react-native-devsettings-android

参考:启动一个React Native应用程序，默认启用“调试JS远程”

其他回答

默认情况下，我的ios模拟器没有捕捉到击键，这就是为什么cmd-D不能工作的原因。我必须使用模拟器的菜单打开键盘设置:

硬件>键盘>连接键盘

现在cmd-D启动chrome调试。

在模拟器上按Cmd+D并选择Debug将打开浏览器调试器

在Windows中，使用android模拟器，你可以执行以下步骤:

模拟器运行后，应用程序在它上面，按下菜单按钮，然后选择“调试JS远程”或“调试在Chrome中”(这取决于模拟器使用)。你可以看到下一个图像作为参考:模拟器的步骤图像一个新的Chrome标签将出现。你必须按Ctrl + J来显示开发人员工具，并开始跟踪调试步骤。请看这张图片作为参考

此外，您应该使用console.log()特性来使调试过程更具描述性。

在模拟器- react-native Run -ios中运行你的应用程序按ctrl + d，然后点击Debug JS remote

网页应该在http://localhost:8081/debugger-ui打开，如果没有输入URL，在Chrome中进入这个链接右键点击页面，点击检查，它应该打开chrome开发工具

转到顶部菜单中的源代码，在右侧的文件资源管理器中找到你的js类文件您可以将断点放到视图中，并在其中调试代码，如图所示。

除了其他答案。可以使用调试器语句调试react-native

例子:

debugger; //breaks execution

你的chrome开发工具必须打开这工作

推荐文章