Solved: Using Ionic LiveReload on a Physical iOS Device

Ionic CLI has the option of starting your app with live updates as you make changes in your code.

Starting your app using live reload on a physical iOS device:
  1. Plug your phone in using the USB cable.
  2. At the Mac Terminal, cd into your app's folder
  3. Type: ionic run ios --device --livereload
Potential problems and troubleshooting steps:
  • App hangs at the launch screen and Terminal shows this error: "Failed to load webpage with error: Could not connect to the server.":
    1. Unplug the iOS device from the USB cable.
    2. Double-tap the home button on the iOS device.
    3. Swipe the app upwards to close it.
    4. Make sure the Wifi is enabled on the iOS device and that it is connected to the same network that your Mac is connected to.
    5. Plug the device back into the USB cable.
    6. In Terminal on the Mac, press CMD+C to kill the process.
    7. Repeat the steps listed at the top of this article.
  • App gets stuck in a view with no Back button visible:
    1. Double-tap the home button on the iOS device
    2. Swipe the app upwards to close it
    3. Launch the app again from the iOS home screen
    4. You should be back at the home screen of your app now, with --livereload still connected.


Popular posts from this blog

Tic Tac Toe - Using App Inventor Beta

Xamarin Forms vs React Native

Solved: Ionic ENOENT Invalid device state error when using sudo on Mac