反应原生的调试器问题？答案

【问题标题】：Debugger issue in react native?反应原生的调试器问题？
【发布时间】：2020-12-17 16:37:53
【问题描述】：

我正在尝试将附加的调试器连接到 React Native 应用程序。我正在使用 React Native 工具扩展进行 React Native 调试。

因为我是 React Native 的新手，所以我有点卡住了，因为我无法调试。我不确定为什么它显示的是 8082 而不是 8081。我的 Metro 捆绑器显示在 PORT 8081 中。

注意：我正在使用 iOS 模拟器进行测试。

我做错了什么或遗漏了什么吗？

如果需要更多信息，请提出建议。

【问题讨论】：

您是否在多个设备上运行？
亲爱的 Sandesh，您是否尝试更改默认端口？你的 ReactJS、ReactNative 和 Debugger 版本是多少？

标签： reactjs react-native react-native-debugger

【解决方案1】：

为了解决这个问题，让我们按照以下步骤并通过给定的命令运行您的项目：

通过添加环境变量来更改 Metro 默认端口：
```
export RCT_METRO_PORT=9095
```
⚠：如果你是 Windows，首先请this method。
导航到项目的ios 文件夹并进行编辑：
```
ios/Pods/Headers/Public/React-Core/React/RCTDefines.h
```
找到所有8081 或8082 并将它们更改为9095，总是在RCT_METRO_PORT 的定义中找到它们

第二个完全是为了：

ios/Pods/Headers/Private/React-Core/React/RCTDefines.h

同样在您项目的ios 文件夹中更改此文件：
```
ios/Kelaket.xcodeproj/project.pbxproj
```
找到两个RCT_METRO_PORT:=8081，把它们都改成RCT_METRO_PORT:=9095

将yargs.option的default更改为9095：

node_modules/.bin/metro-inspector-proxy

完成这些更改后，返回项目的根目录并执行以下命令：

yarn start --reset-cache
yarn ios

然后你就可以看到端口号9095一切正常。

注意： 要使用 React Native Debugger，只需按 ⌘+t 并将端口更改为 9095 即可连接你的应用程序到 React Native 调试器。

【讨论】：

【解决方案2】：

假设您使用的是 Visual Studio Code，只需确保您已在 launch.json 文件中正确声明了打包程序端口。然后，重新启动打包程序并重试。

...
"configurations": [
        {
            "name": "Attach to packager",
            "cwd": "${workspaceFolder}",
            "type": "reactnative",
            "request": "attach",
            "port": "8081"
        }
    ] 
...

【讨论】：