react-native - react-native 的 react-devtools

Question

最近我开始使用 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，但没有任何区别。

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

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

如果任何人都可以将我链接到关于没有背景的人的端口的良好文档，那也将非常好。

标签： react-nativereact-devtools

Answer 1

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

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