Ionic Framework - ionic-app-scripts live reload shows old content

A solution for live reload "bug" while using ionic-app-scripts which causes showing old content after automatic page refresh.

If you are developing Ionic PWA (Progressive Web App) you may encounter this strange and annoying live reload bug. Your content is updated only after refreshing page manually after the live reload triggers first page refresh.

This behavior may be caused by the Service Workers inside your browser!

Just update them after each page reload by checking an option Update on reload in Google Chrome Developer Tools inside Application > Service Workers:

Screen-Shot-2018-05-10-at-08.41.43

That should solve it, at least in my case that helps instantly.

Sources

https://github.com/ionic-team/ionic-app-scripts/issues/825 https://github.com/ionic-team/ionic-app-scripts/issues/1432 https://github.com/ionic-team/ionic-app-scripts/issues/1132 and many more... (may or may be not related to that issue)