【问题标题】:Android Studio React Native App results in red screenAndroid Studio React Native App 导致红屏
【发布时间】:2016-08-02 01:53:27
【问题描述】:

这是我的第一个问题,虽然我经常堆栈溢出。

我通过 facebook 遵循了这个设置: https://facebook.github.io/react-native/docs/getting-started.html

我正在尝试学习如何制作 react-native 移动应用。这也是我第一次接触应用程序。

我设置了 android studio(包括 sdk 和 emulator)、node.js、watchman、react native 等。除了 Gradle Daemon 之外列出的所有内容,当我导入 react-native 项目时,android studio 会处理它。

所以,我通过react-native init AwesomeProject 创建了一个项目,如示例所示。我用react-native start 启动服务器并通过react-native run-android 运行android 项目。

我的手机(LGV10,Android 6.0)连接到 PC(Ubuntu 14.04)。

一切都很棒。

然后,当应用程序出现在屏幕上时,我收到了这个我花了几天时间搜索、测试并试图通过的明显错误。

有谁知道这可能意味着什么?

我已经验证adb reverse tcp:8081 tcp:8081 成功运行。我不知道该怎么办。

任何帮助将不胜感激!

【问题讨论】:

  • 您的手机似乎无法与您的开发服务器建立连接。 adb devices 显示什么?
  • adb reverse 仅适用于 Android 5.0 +
  • 运行react-native start后,它应该继续运行服务器。当你在另一个终端做react-native run-android时,服务器还在运行吗? (我遇到了类似的问题,因为服务器崩溃了。)

标签: android node.js facebook react-native


【解决方案1】:

您需要输入您的 ip 地址以连接到开发服务器,这意味着您正在开发的机器遵循以下步骤:

第 1 步:输入 adb shell input keyevent 82 会弹出如下所示的弹出窗口:

选择最后一个选项:

最后插入ipaddress:8081

例如10.4.3.252:8081

注意不要放localhost可能不行,所以插入ip:port

完成上述步骤后,再次返回应用并从来自弹出窗口adb shell input keyevent 82 的开发设置中选择重新加载选项

这篇文章请看官方react-native saying how to connect to development server

如果您打算在生产环境中部署,那么您不需要开发服务器,因为您必须签署 apk ,请阅读这篇来自react-native offical site的文章

【讨论】:

  • 如果您通过 USB 连接手机,请使用adb reverse tcp:8081 tcp:8081
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-12-23
  • 1970-01-01
  • 2021-04-05
  • 2017-09-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多