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.

Comments

Post a Comment

Popular posts from this blog

Adobe® Flex® Combobox: Selecting an Item Without Using SelectedIndex

In Adobe Flex, in order to select an item in a ComboBox, you use the .selectedIndex property. However, there might be times that you want to specify the item to be selected based on something other than it's position in the list. I have found two potential solutions: ComboBox2 from Ben Forta, Flex evangelist, is a ComboBox component which allows you to specify a "selectedValue" property.   VAComboBox  from Codieron, LTD. (BSD license) Copyright Notice: Adobe, and Flex are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries.
Read more

Parameters Sent by TinyWebDB in App Inventor for Android

TinyWebDB is a component in App Inventor for Android that lets your app communicate with a web page in order to set or retrieve values, rather than storing them on the phone itself. I wanted to know what the TinyWebDB component sends to the web page when it tries to set or retrieve values, so I used Kodingen this morning to write a PHP script that takes the form fields and values sent to the page and writes them to a file. Here is what I found: TinyWebDB.StoreValue sends these parameters: tag value TinyWebDB. GetValue sends this parameter: tag So if you write your own PHP page for TinyWebDB to connect to, you can know if TinyWebDB is trying to store a value if the "value" key exists in the $_POST array. If the "value" key doesn't exist in the $_POST array then you know that TinyWebDB is only trying to retrieve the value for the given tag. As an alternative to using the method outlined by Google , you could use TinyWebDB with your own script written in an
Read more