本機反應中的調試器問題？

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"
        }
    ] 
...