如何调试React Native?

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

当前回答

还有一个非常好的调试器Reactotron。 https://github.com/infinitered/reactotron

您不必在调试模式下查看一些数据值，而且有很多选项。

去看看真的很有用。；）

其他回答

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

这是弹出的屏幕:

详情请点击这里。

非常简单，只有两个命令

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

还有一个非常好的调试器Reactotron。 https://github.com/infinitered/reactotron

您不必在调试模式下查看一些数据值，而且有很多选项。

去看看真的很有用。；）

如果你正在使用Microsoft Visual Code，那么安装React Native Tools扩展。然后，只需单击所需的行号就可以添加断点。按照以下步骤来安装和调试应用程序:

不要忘记启用调试JS远程模拟器，如果你使用它。

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

推荐文章