PWA offline mode not loading from cache on mobile browsers

Question

I wrote a simple PWA (current version) based on this tutorial by Vaadin. It works fine, tested in Chrome, also in offline mode.

By using it on a mobile device, issues oc

Answer 1

The problem was within the service-worker:

I forgot to add the service worker file to the static assets.

Found the solution by reading the answers of this question: https://stackoverflow.com/a/44482764/7350000.

Answer 2

I had the same issue. In my case, the issue came from the manifest adding a query string to the start_url. The cache is sensitive to this. You can add an argument to .match in order to prevent it, like this:

caches.match(event.request, {ignoreSearch: true})