正在等待 React 连接...React DevTools 未连接到 Expo React Native App

Question

问题

我想使用常规的 React DevTools（而不是浏览器扩展）通过 Android 虚拟设备 (AVD) 或 MacBook Pro 上的 iOS 模拟器来调试默认的 React Native 应用程序。

React DevTools 自动打开并显示一条消息

等待 React 连接...

但是什么也没发生。

我找不到任何有关如何开始使用它们的信息。

是否需要执行特殊命令？

如何重现问题

1. 在 Visual Studio Code 中打开默认的 React Native 应用程序。
2. 在 VS Code 终端中运行

   npm start

3. 按

   a

   - 打开 Android 虚拟设备
4. 打开单独的 VS Code 终端并运行

   react-devtools

React DevTools 打开，但只显示消息 Waiting for React to connect... 但什么也没有发生。

Answer 1

至少有两种方法可以解决这个问题：

按正确顺序

打开 React DevTools 后打开 Android 虚拟设备。启动 AVD/模拟器将触发 React DevTools 自动连接。

通过命令

如果您首先打开了 React DevTools。启动您的 AVD/模拟器并通过以下方式打开模拟器/AVD 上的

开发人员菜单：

• 要么在 Visual Studio Code 终端中按 m（打开模拟器/AVD 后）
• 或 Android AVD 上的 cmd+m 或 iOS 模拟器上的 cmd-d