ServiceWorker keeps serving the old cached version

[ggregoire]

Is this a bug report?

Yes

Environment

1. Operating system: macOS
2. Browser and version: Chrome 65

Steps to Reproduce

1. deploy new build (S3 + CloudFront)
2. open the app, the old version is served (expected behavior)
3. normal refresh (n+1), still the old version. Refresh 15 times, still the old version
4. hard refresh (cmd shift R), the new version is served
5. normal refresh, the old version is served again
6. hard refresh, the new version is served
7. normal refresh, the old version is served again…

Expected Behavior

Serve the new version at n+1 with a normal refresh.

I unregistered the SW for now.

[Timer]

You need to configure cloudfront to not send caching headers for the service-worker.js file.
See bullet 5 here: https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#offline-first-considerations.

[annjawn]

That link doesn't point to the correct documentation. I found this https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app but the point 5 talks about testing SW locally.