Ionic-app-scripts: Can not access Ionic app in Ionic Dev App

Created on 16 Aug 2018  路  4Comments  路  Source: ionic-team/ionic-app-scripts

I am trying to access an Ionic app built on Windows 10 machine, in Ionic Dev App on mobile device over Wifi. I am not able to access it. In Ionic Dev App, connection times out.

I am not able to access such Ionic app in mobile browser also on mobile device.

I have opened ports: 8100, 8200 in Inbound Rules in Windows Firewall: Port Number: 8100, 8200; Action: Allow the connection; Profile: Private, Public, Domain.

Here is Ionic info on my box:

Ionic:
   ionic (Ionic CLI)  : 4.0.6 (C:\Users\<myuser>\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.1.11

Cordova:
   cordova (Cordova CLI) : 7.1.0
   Cordova Platforms     : none

System:
   Android SDK Tools : 26.1.1
   NodeJS            : v9.5.0 (D:\Program Files\nodejs\node.exe)
   npm               : 6.2.0
   OS                : Windows 10

Environment:
   ANDROID_HOME : D:\Users\<myuser>\AppData\Local\Android\sdk

Is there something I am missing. Any helpful info is highly appreciated.

Most helpful comment

Old post, but the following worked for me on Windows 10 Pro:

  1. Go to Network & Internet settings->Status.
  2. Change connection properties.
  3. Select "Private" as the network profile.
  4. Restart DevApp.
  5. Enter address manually. (External address from console running the dev server.)

No firewall changes needed.

All 4 comments

Hi,

Hopefully you managed yp get past any issues but if not...

Can you see the app listed in DevApp or is it just spinning looking for apps?

If not you can try:

  • Restarting your device (worked for me, after a restart, my app was showing up in DevApp)
  • Connecting directly by opening the menu, selecting 'Enter address manually' and entering the info from your terminal when running 'ionic serve --devapp' (e.g. External: http://192.168.1.2:8100)

If you can see it, what do you see when you open the app? You mentioned it times out but do you mean the connection, the app itself?

Cheers

Old post, but the following worked for me on Windows 10 Pro:

  1. Go to Network & Internet settings->Status.
  2. Change connection properties.
  3. Select "Private" as the network profile.
  4. Restart DevApp.
  5. Enter address manually. (External address from console running the dev server.)

No firewall changes needed.

Allowing port 8100 in my PC's firewall was needed. Then it works.

Thanks @MattBH this worked for me. I think it would be nice to add this to the official getting started documentation 馃

Was this page helpful?
0 / 5 - 0 ratings