使用 genymotion 运行 react native android debug 打开 http://10.0.3.2:8081/debugger-ui

Posted

技术标签:

【中文标题】使用 genymotion 运行 react native android debug 打开 http://10.0.3.2:8081/debugger-ui【英文标题】:use genymotion run react native android debug open http://10.0.3.2:8081/debugger-ui 【发布时间】:2018-08-12 18:57:09 【问题描述】:

描述

我在 genymotions 中运行 react native android ,当我打开 JS 调试时,Chrome op http://10.0.3.2:8081/debugger-ui 而不是 http://localhost:8081/debugger-ui/ ,所以 genymotion 日志无法连接调试,这是为什么?如何解决?

环境

macOS:10.13.3 机器人:6.0.0 genymotion:2.12.0 反应原生:0.53.3

【问题讨论】:

那个端口上没有东西吗? @Andronicus 是的,这个端口其实打不开,我的其他应用打开localhost:8081/debugger-ui default ,但是这个应用使用react-native 0.53.3 open 10.0.3.2:8081/debugger-ui 【参考方案1】:

让我们解决您的问题。请按照以下步骤操作:

在模拟器中打开应用 按Ctrl + M 打开开发菜单,然后点击Dev Settings 选择Debug server host & port for device 将值修改为127.0.0.1:8081 或简单地localhost:8081,然后重新加载应用程序。您现在可以进行调试了。

PS:某些教程可能会建议您安装 Chrome 扩展程序以允许 CORS,但这不是必需的。上面的方法比较简单。

【讨论】:

以上是关于使用 genymotion 运行 react native android debug 打开 http://10.0.3.2:8081/debugger-ui的主要内容,如果未能解决你的问题,请参考以下文章

React Native Android 和 Genymotion

Genymotion和React-native

react-native android genymotion错误java.util.concurrent.ExecutionException:

使用Genymotion模拟器运行ionic4程序

React Native开发环境搭建

Windows 10 下运行genymotion 报错!