Service Worker doesn't get updated

[wambowams]

Bug Report or Feature Request (mark with an x)

- [x ] bug report -> please search issues before submitting

Versions.

@angular/cli: 1.0.0
node: 6.3.1
os: win32 x64
@angular/animations: 4.3.6
@angular/cdk: 2.0.0-beta.10
@angular/common: 4.3.6
@angular/compiler: 4.3.6
@angular/core: 4.3.6
@angular/forms: 4.3.6
@angular/http: 4.3.6
@angular/material: 2.0.0-beta.10
@angular/platform-browser: 4.3.6
@angular/platform-browser-dynamic: 4.3.6
@angular/router: 4.3.6
@angular/service-worker: 1.0.0-beta.16
@angular/cli: 1.0.0
@angular/compiler-cli: 4.3.6

Repro steps.

Adding a service-worker to the project via @angular/serviceworker caches all designated files once. If I change to content of my files no new serviceworker is generated. This leads to a missing update of the cached files. They will never get updated unless pressing ctrl + F5

Desired functionality.

Changing the projects files should lead to a new generated serviceworker with a new timestamp on the next ng build --prod.

[intellix]

Your CLI is incredibly old since it's on 1.4.0 now. Is it fixed there out of curiosity?

[wambowams]

Updated the cli but the service worker is not getting updated.
My manifest looks like this:
{ "external": { "urls": [ { "url": "https://fonts.gstatic.com/s/materialicons/v29/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2" }, { "url": "https://fonts.googleapis.com/icon?family=Material+Icons" } ] }, "dynamic": { "group": [ { "name": "backend", "urls": { "https://example.de": { "match": "prefix" } }, "cache": { "optimizeFor": "freshness", "maxAgeMs": 360000000, "maxEntries": 80, "strategy": "lru" } } ] }, "routing": { "index": "/index.html", "routes": { "/": { "match": "exact" }, "^/.*$": { "match": "regex" } } }, "static": { "urls": { "/data-table.b0aebd744ce7adb780a9.svg": "f1880710c0888c2cbc32311ca20bc3950e38e274", "/data-table.bce071e976865da51100.eot": "99e68eaef544d4a4eaa307996db55b76ccc349d7", "/polyfills.3fa65d78a165b27a50f3.bundle.js": "d771a7482637981ab60497b1f56c137871a39ee6", "/main.6cebc6179a6b9ed9267e.bundle.js": "ea531fed8d33fc68ab03aa8ef1870b22f4a9f207", "/sw-register.fea8019a86e368e4882f.bundle.js": "7dd8e03d9aecd3fc5e5dd134e771ea7c39b67123", "/vendor.741eedaa7d18e8b4517a.bundle.js": "faad969582d35414f6dc53ba7d821d14d04c062f", "/inline.8960eb5a6f05135558a3.bundle.js": "51cceeabb421fde5ee449ef5c9d843b64bb67fde", "/styles.76b8cebc02c5e934d241.bundle.css": "2caa93b29ec2489e051ed1f8968668da3769a753", "/assets/kunden.png": "3a2b4ace95e8a0dbd8c615709236f96340292777", "/assets/statstiken.png": "eee2bb48bca571c96de0deee93f4af2bc71162a4", "/assets/theme.scss": "6a8698ba0d9a2f7c49978455aaefdfd186db8b93", "/assets/tickets.png": "08a181131313ae7c9ba194a5a4e33bbc81ee6645", "/assets/XIBIX-logo.png": "0ef6f94ba6fb0c795fca56afd54887e2bd139ad9", "/assets/zeiten.png": "49e08ec66fd1edb86c2bc56994798f6dc7ac225b", "/favicon.ico": "84161b857f5c547e3699ddfbffc6d8d737542e01", "/index.html": "e8d717f73146f393b3745c50180404aff2dc474e" }, "_generatedFromWebpack": true } }

[dan-waterbly-sos-wa-gov]

I am seeing the same behavior as well.

seeing the same behavior

[bjornharvold]

Seeing the same behavior with Angular CLI 1.4.9 and Angular 4.4.6.
In Chrome, I am not able to access a new version of my site even after deleting all cached content and repeatedly refreshing and restarting my browser.
In Firefox, I first get the updated version then when I do a hard refresh I get the new version. If I restart Firefox, it loads the old version again.
In Safari, everything works fine as no Service Worker exists.

[ivancamilov]

I'd suggest switching to the new Service Worker in v5. I haven't been able to properly test this, but this error may be related to the one fixed in angular/angular@396c241

[ritikrishu]

I am experiencing similar problem, service worker updates in some builds while some builds serve same service worker each time.
Also taking a look at cache, it seems old caches are not deleted when changes to some chunk are present, any idea where I should look?

app.component.ts@ngOnInit()

...
//sw: NgServiceWorker
this.sw.updates.subscribe(event => {
      console.log(event) //<--always gets 'pending' event, never seen log for 'activation' event
      if (event.type === 'pending') {
        this.sw.activateUpdate(event.version);
      } else if (event.type === 'activation') {
        location.reload();
      }
    });
...

[ritikrishu]

so the problem is that service worker is passing index.html to browser from cache even when internet is connected and file references are not getting updated hence.
If someone can suggest me anything regarding this ASAP, that would be life saving for me. Thanks!

ngsw-manifest.json

...
"routing": {
		"index": "/index.html",
		"routes": {
			"/": {
				"match": "exact"
			},
			"/our-locations": {
				"match": "exact"
			},
			"/branch": {
				"match": "exact"
			}
		}
	},
...

[andreasonny83]

I'm experiencing the same problem using @angular/service-worker version 1.0.0-beta.16 which is the latest version supported by @angular-cli.
When I build a new version of the project, the service worker doesn't update the cached files with the new version so my website always displays the first version cached by the ServiceWorker until I force a cache clean and reload the page again.
Unfortunately, this is not the expected behaviour and I cannot deploy something to production using ServiceWorkers at the moment.

[jon301]

looks like a new version has been published on npm (5.0.0)
is this fixed on v5 ?

[andreasonny83]

unfortunately @angular/cli doesn't support @angular/service-worker version 5 @jon301

[alexruizprado]

I'm having the same issue with "@angular/cli": "^1.6.0" and "@angular/service-worker": "^5.1.0". With this issue is useless.

[AppField]

I have the same issue.

@angular/cli@1.6.0
@angular/service-worker@5.1.0

[ritikrishu]

I switched to Workbox for generating service worker and it's working excellent for me. Take a look there, might be helpful for you guys as well.