Ionic-cli: ionic emulator white screen when using livereload option flag

Created on 9 Mar 2016 · 7Comments · Source: ionic-team/ionic-cli

My ionic environment:

Cordova CLI: 6.0.0
Gulp version:  CLI version 3.9.0
Gulp local:   Local version 3.9.1
Ionic Version: 2.0.0-beta.2
Ionic CLI Version: 2.0.0-beta.19
Ionic App Lib Version: 2.0.0-beta.9
ios-deploy version: 1.8.2 
ios-sim version: 5.0.6 
OS: Mac OS X El Capitan
Node Version: v5.3.0
Xcode version: Xcode 7.2 Build version 7C68

Result:

ionic server - fine
ionic emulate ios - fine
ionic emulate ios -l -c - white screen

What probably is the issue? And how can I debug it? Thanks.

Source

zhouhao27

Most helpful comment

In my case I had to add permission for my Mac IP Address in config.xml

  <allow-navigation href="*://192.168.25.18*"/>

To find out the IP and Port you can see in the terminal after running ionic emulate ios -l the following:

$ ionic emulate ios -l
Setup Live Reload
The port 8100 was taken on the host 192.168.25.18 - using port 8101 instead
The port 35729 was taken on the host 192.168.25.18 - using port 35730 instead
Running live reload server: http://192.168.25.18:35730
Watching: 0=www/**/*, 1=!www/lib/**/*
Running dev server:  http://192.168.25.18:8101

See the Running dev server value.

For security reason, remember to remove this line before release your app

douglasjunior on 22 Jul 2016

👍5

All 7 comments

When I tried to load the specific target, for example:

ionic emulate ios -l -c --target="iPhone-6, 8.4"

But it will always show "No target specified for emulator" so act iPhone-6s-plus,9.2 simulator started. It seems the target has no effect at all.

But if I run:

ionic emulate ios --target="iPhone-6, 8.4"

The correct simulator started.

zhouhao27 on 9 Mar 2016

I am also experiencing a similar issue. I tried ionic emulate ios -l and my app gets stuck on the splash screen.

System Information:

Cordova CLI: 6.1.0 (cordova-lib@undefined)
Gulp version:  CLI version 1.2.1
Gulp local:   Local version 3.9.1
Ionic Version: 2.0.0-beta.3
Ionic CLI Version: 2.0.0-beta.23
Ionic App Lib Version: 2.0.0-beta.13
ios-deploy version: 1.8.5
ios-sim version: 5.0.8
OS: Mac OS X El Capitan

Node Version: v5.9.1
Xcode version: Xcode 7.3 Build version 7D175

tlaverdure on 3 Apr 2016

@tlaverdure It seems the liveload is not very stable. The problem is there is no error message at all so that it's very difficult where the problem is.

zhouhao27 on 4 Apr 2016

encounter similar issue when running ionic emulate ios -l, stuck on the splash screen.

Cordova CLI: 6.0.0
Gulp version:  CLI version 3.9.1
Gulp local:  
Ionic Version: 1.3.0
Ionic CLI Version: 1.7.14
Ionic App Lib Version: 0.7.0
ios-deploy version: 1.8.5 
ios-sim version: 5.0.6 
OS: Mac OS X El Capitan
Node Version: v5.3.0
Xcode version: Xcode 7.2.1 Build version 7C1002

w121211 on 26 Apr 2016

In my case I had to add permission for my Mac IP Address in config.xml

  <allow-navigation href="*://192.168.25.18*"/>

To find out the IP and Port you can see in the terminal after running ionic emulate ios -l the following:

$ ionic emulate ios -l
Setup Live Reload
The port 8100 was taken on the host 192.168.25.18 - using port 8101 instead
The port 35729 was taken on the host 192.168.25.18 - using port 35730 instead
Running live reload server: http://192.168.25.18:35730
Watching: 0=www/**/*, 1=!www/lib/**/*
Running dev server:  http://192.168.25.18:8101

See the Running dev server value.

For security reason, remember to remove this line before release your app

douglasjunior on 22 Jul 2016

👍5

@douglasjunior Thanks this worked for me

p-sebastian on 6 Sep 2016

👍1

This issue has been automatically closed because it had the v2 label. Please install the new CLI v3 (npm install -g ionic@latest). See CHANGELOG.md#Upgrading from CLI v2 for details.

If this issue is still a problem in CLI v3, please create a new issue. Thank you!