无法在 Mac for iOS 应用程序的 React Native 中连接远程调试器?

Posted

技术标签:

【中文标题】无法在 Mac for iOS 应用程序的 React Native 中连接远程调试器?【英文标题】:Not able to connect remote debugger in React native in mac for iOS app? 【发布时间】:2020-12-16 12:38:58 【问题描述】:

我正在尝试使用 chrome 进行调试。 我在 VSCode 中添加了 React Native Tool 扩展,但出现以下错误:

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

当我使用 http://localhost:8081/debugger-ui/ 检查 chrome 时仍然无法连接调试器。

我是本机反应的新手,如果需要有关此问题的更多信息,请提出建议

【问题讨论】:

【参考方案1】:

你能在devtools的浏览器url中用你的内部ip更改localhost值吗?

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

【讨论】:

【参考方案2】:

引用 react-native 网站的第一段,关于 Chrome Debugging

要在 Chrome 中调试 javascript 代码,请从开发人员菜单中选择“远程调试 JS”。这将在 http://localhost:8081/debugger-ui 处打开一个新选项卡。

所以从技术上讲,在ios simulator 中,您必须强制转换以下组合ctrl + cmd + z,然后点击Debug JS Remotely 字段,这将进一步打开托管在以下地址http://localhost:8081/debugger-ui 上的调试器

作为一种解决方法,在同一个 react-native 站点上,有一个页面解释了如何通过 standalone developer tool 调试应用程序,它安装为 npm package

你所要做的就是通过npmyarn安装包(选择你最喜欢的包管理器:])

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

npm install -g react-devtools

yarn add global react-devtools

安装软件包后,只需在终端输入以下命令即可打开开发工具

react-devtools

【讨论】:

【参考方案3】:

尝试使用最新的 react-devtools 来完成 react native 调试、性能分析

Flipper

现在它是 react-native-cli 的一部分,但您可以通过以下方式在现有的 react native 版本中进行配置

android Setup

iOS Setup

【讨论】:

以上是关于无法在 Mac for iOS 应用程序的 React Native 中连接远程调试器?的主要内容,如果未能解决你的问题,请参考以下文章

对于最新版本的 react-native,应用程序未在 iOS 上运行

PlayCover for Mac(Mac上运行iOS应用程序)适配原神仅兼容M1

如何在 Cordova for iPhone 中获取 IMEI、序列号、MAC 地址和 Advertiser_id?

Xamarin iOS发布版本错误 - “Visual Studio Community 2017 for Mac Version 7.6.7(build 49)”

无法在 Mac OSX for i386 目标上使用我的应用程序构建 Apache Thrift

用NTFS For Mac对Mac有啥好处