cordova Ionic --实时重载未在设备上运行应用程序

bqf10yzr  于 2022-11-15  发布在  Ionic
关注(0)|答案(9)|浏览(378)

使用--live-reload参数时,我无法在手机上看到我的离子应用程序。
我使用的是Windows 8. 1和一个连接的Nexus 5 Android设备。该应用程序是用ionic start demo sidemenu创建的示例 * sidemmenu * 应用程序。
当我运行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服务器。
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

我在PC上打开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

爱奥尼亚论坛也报道了这一点:

据我所知,我已经在我的Windows机器上打开了TCP端口35729和8100(使用控制面板-防火墙设置)。

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

ryevplcw

ryevplcw1#

以上配置均正确。
端口需要在Windows防火墙中打开-但缺少的步骤是在更新防火墙设置后需要重新启动。
重新启动后,一切正常。

2izufjch

2izufjch2#

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

3hvapo4f

3hvapo4f3#

很简单,你可以在cmd中使用这个命令,这是很好的工作:

ionic serve --address 0.0.0.0
o4hqfura

o4hqfura4#

您似乎面临CORS问题。
安装和配置cordova-plugin-whitelist将更正您的问题

4sup72z8

4sup72z85#

适合我的(不更改任何项目配置文件或防火墙设置):

$ 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工作在我的Android手机上的一个新的离子3项目:

$ 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)
注意:它最初加载到手机上的速度非常慢(闪屏过去了,然后有一段时间是纯白色的),但一旦加载,liverload工作得很好。

tyky79it

tyky79it6#

我已经很晚了,但是我的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")修复了它

fruv7luv

fruv7luv7#

上面的答案对我都不起作用,我检查了我的手机连接的是哪个网络,我的笔记本电脑连接的是哪个网络。由于它们是不同的,我让它们连接到同一个网络,它解决了这个问题。

qnyhuwrf

qnyhuwrf8#

使用离子信息检查CLI版本。
正如OP所描述的,实时重新加载停止对我工作,我不得不恢复到4.12.0,以便让它再次启动和运行。

pxiryf3j

pxiryf3j9#

如果您不想与防火墙发生冲突,请使用主机选项:
ionic capacitor run android -l --host=172.20.10.10

相关问题