无法通过Expo

Question

我通过CLI在本地创建了我的项目：

_npm install -g create-react-native-app
_create-react-native-app AwesomeProject
_cd AwesomeProject
_npm start

然后我在我的Android手机中安装了expo，并在我的电脑屏幕上扫描了二维码。

然而，我的手机无法连接到项目，我不知道为什么。它只是加载和失败。这是错误消息：

  

无法加载exp：// 192.168.56.1:19000。网络响应超时。

这是查看错误：

  

“未捕获错误：java，not.SocketTimeoutException：faild在10000毫秒后连接到/ 192.168.56.1（端口19000）。

我正在尝试修复它，但仍无法使其正常工作。我的手机和笔记本电脑在同一个网络上。我现在能做什么？

Answer 1

我遇到了同样的问题，但是通过运行expo start --tunnel

解决了

Answer 2

在连接选项卡中选择 隧道 而不是 LAN 或 本地。这为我解决了这个问题。

Answer 3

看看这个问题的答案： https://github.com/react-community/create-react-native-app/issues/60

Answer 4

选择LOCAL而不是LAN。

解决这个问题时我踢了自己。

Answer 5

我在iOS上遇到了类似的问题 - 该项目出现在Expo应用程序中，但不想连接。

这就是我的所作所为：

1. 通过USB连接线将PC连接到设备

2. 从https://github.com/expo/xde/releases

下载最新的xde

3. 安装XDE，从gui创建一个新项目（不要使用create-react-app中的旧项目，因为它也可能出现在XDE中）并单击新创建的（在XDE中）项目“我的项目”。

现在您的项目应该出现在手机上的Expo应用中。如果它没有尝试通过电子邮件向您自己发送指向您应用的链接（到您自己的收件箱，并打开手机上的链接），我的看起来像这样：d3.select("#download").on("click", function() { d3.select(this) .attr("href", 'data:application/octet-stream;base64,' + btoa(d3.select("#line").html())) .attr("download", "viz.svg") })

Answer 6

我遇到了同样的问题，原来我的防火墙阻止了我与开发服务器端口的连接（对我来说是19000）。通过禁用防火墙来解决。

Answer 7

当我的手机通过wifi连接并且我的destop通过LAN连接时，我遇到了这个问题。我在浏览器窗口中将连接模式更改为隧道，重新加载了expo应用程序并能够连接到我的应用程序。这是在我的iOS设备上。

Answer 8

确保您的设备和计算机是同一LAN / Wifi。它会工作。 还可以使用LAN选项。

Answer 9

我在使用Android的Win 10上遇到了这个问题，并通过为我的设备（设备IP作为远程设备）添加了防火墙规则来解决。我使用的是ESET NOD防病毒软件，它阻止了该设备访问node.exe

Answer 10

使用以下方法检查开放端口

ufw status verbose

如果没有看到端口，说明您正在使用 例如19000 => expo 试试这个

ufw allow 19000

Answer 11

我遇到了同样的问题，解决方案很简单，只需制定一个防火墙规则，允许从您的移动设备连接到您的 PC。打开端口号19000并在IP中输入您的手机IP地址，然后允许双向TCP/UDP连接，一切都会好起来的。 通常，您可以通过 PC 上安装的防病毒软件来编辑防火墙规则。

小心不要禁用你的防火墙，它会伤害你很多。