react-native 的 react-devtools

Posted 2023-03-10

【中文标题】react-native 的 react-devtools

【英文标题】：react-devtools for react-native

【发布时间】：2020-11-19 20:32:09

【问题描述】：

最近我开始使用 react-native 进行开发。当尝试在浏览器（Chrome）上使用 react-devtools 扩展进行调试时，我只能访问控制台，因为所有组件和元素都是 devtools 网页（http://localhost:8081/debugger）中显示的组件和元素-ui/) 所以现在我正在尝试使用 react-native 独立版本，但它正在“等待 React 连接..” 我在底部收到一条消息“服务器正在侦听端口 8097”。

我对端口了解不多，但在我看来，应用程序位于一个端口 (8081) 上，而 react-devtools 正在侦听另一个端口 (8097)。

我在运行 react-devtools 之前尝试使用 adb reverse tcp:8097 tcp:8097，但没有任何区别。

如何检查我的应用正在侦听的端口？

如何让独立的开发工具运行？

如果有人可以将我链接到一个关于端口的好文档，对于没有背景的人来说，那也很好。

【参考方案1】：

在分配了 8097 端口之后，你走在了正确的轨道上。

运行Command+d打开开发菜单，react-devtools自动检测到。