Angular 4 PWA Service Worker doesn't update when new updates available

Question

After i update my Angular 4 PWA app and deployed , user not getting new updates until user clear the cache and refresh the browser. Sw doesn't update. Even i press the update button in crome Dev it doesn't update I have to clear the cache and refresh the browser.

I used these packages @angular/service-worker @angular/platform-server ng-pwa-tools

Have you found a solution to this issue? I am having the same problem even with setting cache headers to not cache. — Dan Waterbly
No... I haven't if u using workbox 2 that's possible to do..i update sw manifest cache life to 0 .but still won't update.. — shashik thiwanka
Same here, but I'm using angular 5 with the SW native from angular-cli. Have you find any solution? — judasane

Dilshan Liyanage Dilshan Liyanage · Accepted Answer · 2019-02-25T12:24:13

Make sure your app checks for updates from the server from time to time.

In the app.component.ts add private swUpdate: SwUpdate into the constructor.

 this.swUpdate.available.subscribe(event => {
   if (confirm('Update Available. Refresh the page now to update the cache.')) {
     location.reload(true);
   } else {
     console.log('continue with the older version');
   }
 });

 setInterval(() =>  {
   this.swUpdate.checkForUpdate();
 }, 21600);

Angular 4 PWA Service Worker doesn't update when new updates available

2 Answers