本机反应中的调试器问题？

Question

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

因为我是 React Native 的新手，所以我有点卡住了，因为我无法调试。 我不知道为什么它显示 8082 而不是 8081。我的地铁打包器显示在 8081 端口。

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

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

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

Answer 1

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

1. 通过添加环境变量更改 Metro 默认端口：

    export RCT_METRO_PORT=9095

   ⚠：如果你在 Windows 上，首先，请执行此方法。

2. 导航到项目的ios文件夹并编辑：

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

   找到所有8081或8082并将它们更改为9095 ，总是在RCT_METRO_PORT定义中找到它们

3. 为：

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

4. 同样在项目的ios文件夹中也更改此文件：

    ios/Kelaket.xcodeproj/project.pbxproj

   找到两个RCT_METRO_PORT:=8081并将它们都改为RCT_METRO_PORT:=9095

5. 将yargs.option的default更改为9095 ：

    node_modules/.bin/metro-inspector-proxy

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

1. yarn start --reset-cache
2. 纱线 ios

然后你可以看到一切都适用于端口号9095 。

注意：要使用 React Native Debugger，只需按⌘ + t并将端口更改为9095 ，然后您就可以将您的应用程序连接到 React Native Debugger。

Answer 2

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

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