cordova - Ionic --live-reload 不在设备上运行应用程序

标签 cordova ionic-framework ionic livereload

使用 --live-reload 时,我在手机上看不到我的 ionic 应用程序范围。

我使用的是 Windows 8.1 和连接的 Nexus 5 Android 设备。该应用程序是使用 ionic start demo 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 服务器。

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

这也已在 Ionic 论坛上报道:
  • Ionic Forums - Livereload error: Webpage not available


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

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

    最佳答案

    以上配置都是正确的。

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

    重新启动后,一切正常。

    关于cordova - Ionic --live-reload 不在设备上运行应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30738278/

    相关文章:

    css - 改变 ionic 浮点输入颜色

    caching - ionic -有一种方法可以删除 Controller 方法中的缓存?

    angularjs - ionic - 在同一页面中的多个 View

    angularjs - "Cross-origin-request blocked"。如何克服呢?

    ios - Sencha/PhoneGap App-视频关闭的iOS7,空白

    android - Phonegap - Android 启动画面 - 中心标志

    android - Apache Cordova 和 ADT - 更新 'www' 文件夹

    html - 如何在html和space-between中均匀地在两个日期之间添加连字符

    jQuery Mobile 面板未关闭

    javascript - 找不到模块 '@schematics/angular/utility/project'