reactjs - 反应原生的调试器问题？

Question

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

因为我是 React Native 的新手，所以我有点卡住了，因为我无法调试。我不确定为什么它显示的是 8082 而不是 8081。我的 Metro 捆绑器显示在 PORT 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. default将of更改yargs.option为9095：

   node_modules/.bin/metro-inspector-proxy
   

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

1. 纱线开始 --reset-cache
2. 纱线 ios

然后你可以看到一切都与端口号一起工作9095。

注意：要使用 React Native Debugger，只需按下⌘</kbd>+t and change the port to 9095 and then you can connect your app to the React Native Debugger.

Answer 2

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

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