Question

使用--live-reload参数时，我无法在手机上看到我的离子应用。

我使用的是Windows 8.1和连接的Nexus 5 Android设备。该应用是使用ionic start demo sidemenu创建的示例 sidemenu 应用。

当我运行ionic run --live-reload时，我首先会看到一个可能的IP地址列表：

Multiple addresses available.
Please select which address to use by entering its number from the list below:
Note that the emulator/device must be able to access the given IP address
 1) 192.168.0.109 (Wi-Fi)
 2) 192.168.159.1 (VMware Network Adapter VMnet1)
 3) 192.168.174.1 (VMware Network Adapter VMnet8)
 4) 192.168.56.1 (VirtualBox Host-Only Network)

我选择选项1 - 这是我的开发PC的IP地址，即托管离子服务器。

Ionic确认此选择，并确认它正在为端口提供服务，如下所示：

Selected address: 192.168.0.109
Running live reload server: http://192.168.0.109:35729
Watching : [ 'www/**/*', '!www/lib/**/*' ]
Running dev server: http://192.168.0.109:8100

我通过在我的电脑上打开Chrome并导航到http://192.168.0.109:8100

确认它正在为该页面提供服务

当应用在Android设备上运行时，它首先显示启动画面，然后显示带有错误的webview：

Web page not available
The Web page at http://192.168.0.109:8100/ could not be loaded as:

net::ERR_ADDRESS_UNREACHABLE

Ionic论坛也报道了这一点：

Ionic Forums - Livereload error: Webpage not available

据我所知，我已经打开了TCP端口35729＆amp;我的Windows机器上的8100（使用控制面板 - 防火墙设置）。

我必须配置什么才能在设备上看到我的Ionic应用程序？

Answer 1

以上配置都是正确的。

需要在Windows防火墙中打开端口 - 但缺少的步骤是在更新防火墙设置后需要重新启动。

重启后，一切正常。

Answer 2

看起来你正面临着一个CORS问题。

安装＆amp; configure cordova-plugin-whitelist将纠正您的问题

Answer 3

对于大多数人来说可能不是问题，但对我来说这是因为我在手机上运行VPN。

Answer 4

很简单，您可以在cmd中使用此命令，这样做效果很好：

ionic serve --address 0.0.0.0

Answer 5

我迟到了但是我的config.xml在我的构建过程中的某处生成了以下行：

<content src="http://10.0.0.25:8100" original-src="index.html"/>

我通过将其更改回<content original-src="index.html"/>（没有src="http://10.0.0.25:8100"）

来修复它

Answer 6

对我有用的东西（不更改任何项目配置文件或防火墙设置）：

$ ionic cordova run android -c -l --address=10.0.0.2 (use your local IP address here)

我的设置：

我的Android手机（运行Android 7.1.1）通过USB电缆连接到我的Windows台式计算机。
使用的地址是台式计算机的本地IP地址，我从www.whatismybrowser.com

我用来使livereload在所有具有新ionic 3项目的Android手机上正常工作的所有命令：

$ ionic start testLivereloadProject1 tabs
$ cd testLivereloadProject1
$ ionic cordova platform add android
$ ionic cordova run android -c -l --address=10.0.0.2

（-c是控制台，-l是livereload）

注意：最初在手机上的加载速度非常慢（闪屏消失了，然后一会儿变成纯白色），但是一旦加载，livereload效果很好。

Answer 7

以上所有答案均不适用于我，我检查了手机连接了哪个网络以及笔记本电脑连接了哪个网络。由于它们不同，因此我使它们连接到同一网络，它解决了此问题。

Answer 8

使用离子信息检查您的CLI版本。

如OP所述，实时重新加载对我来说不再起作用，我必须恢复到4.12.0才能重新启动并运行。

Answer 9

如果您不想为防火墙而烦恼，请使用主机选项：

ionic capacitor run android -l --host=172.20.10.10

Ionic --live-reload not not device app on device

9 个答案: