没有连接reactotron/react-native

Question

我尝试在（IOS）React Native 项目中使用 Reactotron 调试应用程序，但当我运行应用程序时，出现“无活动”。

我使用react-native 0.55.4、reactotron 2.1.0（与我的package.json相同）

时间线反应加速器

我的reactotronConfig.js

导入reactotron的index.js文件

我的 package.json 中的 Reactotron

Answer 1

您必须执行以下操作：

1. 在 CLI 上输入：adb reverse tcp:9090 tcp:9090
2. 将其添加到文件（例如 lib/Reactotron.js）：

import Reactotron, { asyncStorage } from 'reactotron-react-native';
Reactotron
    .configure() // controls connection & communication settings
    .useReactNative(asyncStorage()) // add all built-in react native plugins
    .connect();

3. 在 app.js 中导入文件：

    if (__DEV__) {
      import('../../lib/Reactotron').then(() => console.log('Reactotron Configured'));
    }

注意：如果你不想使用host里面的Prorperty configure()，一定要使用127.0.0.1. 就我而言，其他 IP（即使是本地 IP，如 192.xxx）不起作用。

之后，您的连接应该可以工作，并且您可以像文档中所述使用 Reactotron。

暗示：

对于 Linux 和 Mac，您可以将其添加到 package.json （脚本部分）（根据您的需要调整 Reactotron-app 的路径和调用）：

"scripts": {
...
    "reactotron": "adb reverse tcp:9090 tcp:9090 && /opt/Reactotron/reactotron-app",
...
}

Answer 2

adb reverse tcp:9090 tcp:9090我从 Suther 那里得到了这个，并且yarn start --reset-cache成功了。