#Ionic run livereload not working full#
#Ionic run livereload not working code#

> ionic:serve /Users/kim/ionic/mindly-app/rc-wip The port was taken on the host 10.0.0.210 - using port 8000 instead Ionic run ios -l bash-3.2$ ionic run ios -l Still, run/ emulate does not work correctly. Thanks, server seems to start correctly now. In essence, -livereload is outright ignored. So now you have two platforms, and none of the two is being updated for changes. It looks like since v2.1.5, this conflict issue has been mitigated by disabling -livereload on ionic emulate.

#Ionic run livereload not working code#

Now what happens if you make a change to the /src source code ? Logically you end up with two conflicting builds : the one on the emulator is still based on the old code, while the one on the browser has been updated with the new code base.

_Can't see the need for the dev server when emulating_. So now you have two different testing platforms.

#Ionic run livereload not working full#

If you think about it, this means that you are launching a full build for the emulator, and simultaneously spawning a separate dev server with -livereload ability.

In the end, what does it mean to type ionic emulate -livereload ? If ionic emulate -livereload sounds bad, maybe you could implement something like ionic emulate -watch ? A side note I strongly believe that the tooling would be greatly improved by adding the ability to streamline the coding/webpack/cordova process when testing against the emulator or the device. Improving the dev toolsīut ultimately, if I run ionic emulate -livereload I don't expect changes to be pushed to the browser, do I ? However I do expect changes to be pushed to the emulator. It was always intended to be a parameter for the dev server, not for the cordova buids. That's why I think the -livereload terminology is confusing. However the problem is that while ionic emulate -livereload pushes changes to the browser, it does not push them to the simulator. it watches for changes in src/ and pushes them to www/ and then updates the browser.

With hindsight I believe there is confusion about the -livereload terminology because ionic serve -livereload works exactly as expected, i.e. The first one deals with webpack (src/ -> -livereload is a parameter for the dev server This means that building involves two different steps. Note: Due to browser security restrictions, most “Ajax” requests are subject to the same origin policy the request can not successfully retrieve data from a different domain, subdomain, or protocol.I think the main point is : in Ionic 2 we are working off src/, not www/ In the above code, index.html page loads every 30 seconds in div with id “block1”. If you are using a JQuery, then use the “load” function to load the page in div block. Here, I am going to explain this with display time on a page which reloads every second.ĭocument.getElementById('time').innerHTML = Date() Ībove code will display time with seconds on a page and refreshes div (id “time”) block every second to show the exact time. We can reload the particular block of the page using Javascript.

You can stop setInterval() by calling method clearInterval(). The important difference is that, whereas setTimeout() triggers expression only once, setInterval() keeps triggering expression again and again (unless you tell it to stop). SetInterval() function is very closely related to setTimeout() – both have similar syntax: In the above code, “right_frame” reloads every second. You can use the frame “reload” function periodically in frameset page itself. In the above two parts, if you want to reload particular part of the page, then use the above meta tag or Javascript approach in frame source html page. Refreshing part of a page periodically Using Framesĭivide the page using frames and load different pages in each frame as below: Where expression is the JavaScript code to run after timeout milliseconds have elapsed. The general syntax of the method is: setTimeout ( expression, timeout ) SetTimeout() allows you to specify that a piece of JavaScript code (called an expression) will be run a specified number of milliseconds from when the setTimeout() method was called. SetTimeout('refreshPage() ', 30000) // millisecondsĪbove code reloads the page for every 30 seconds. If you don’t want to use meta tag as some browsers won’t support, you can do this by using Javascript as below: Simplest way to refresh whole page is by using meta tag as below: Ībove code refreshes the page for every 30 seconds. Here I am going to show different methods to refresh/reload the page or part of the page automatically in certain period of time.