無法在 mac for iOS 應用程序中連接 React native 中的遠程調試器？

Question

我正在嘗試使用 chrome 進行調試。 我在 VSCode 中添加了 React Native Tool 擴展，但出現以下錯誤：

[Error] Error: Unable to find plist file to configure debugging

當我使用 http://localhost:8081/debugger-ui/ 檢查 chrome 時，仍然無法連接調試器。

我是本機反應的新手，如果需要有關此問題的更多信息，請提出建議

Answer 1

引用來自 react-native 站點的第一段，關於Chrome 調試

要在 Chrome 中調試 JavaScript 代碼，請從開發人員菜單中選擇“遠程調試 JS”。 這將在 http://localhost:8081/debugger-ui 上打開一個新選項卡。

所以從技術上講，在iOS simulator ，您必須轉換以下組合ctrl + cmd + z ，然后點擊Debug JS Remotely字段，這將進一步打開托管在以下地址的調試器http://localhost:8081/debugger-ui

作為一種解決方法，在同一個 react-native 站點上，有一個頁面解釋了如何通過獨立開發人員工具調試應用程序，該工具作為npm package安裝。

你所要做的就是通過npm或yarn安裝包（選擇你最喜歡的包管理器 :] ）

* the same react-native site recommends to install it globally

npm install -g react-devtools

yarn add global react-devtools

安裝軟件包后，只需在終端中輸入以下命令即可打開 devtools

react-devtools

Answer 2

您可以在 devtools.dll 的瀏覽器 url 中使用內部 ip 更改 localhost 值嗎？

http://127.0.0.1:8081/debugger-ui/

Answer 3

嘗試完全適合 React Native 調試、性能分析以及最新的 react-devtools

現在它是 react-native-cli 的一部分，但您可以按照以下步驟在現有的 react native 版本中進行配置