How to full disable quasar cache?

[rafaelst2000]

I have to update the page when new content (updated method on register-service-worker.js) but it stucks on cache causing infinite reload. I've tryied everything here https://forum.quasar-framework.org/topic/2560/solved-pwa-force-refresh-when-new-version-released/30?lang=pt-BR but nothing works. There's any way to full disable the cache?

[ontwikkelfabriek]

I have to update the page when new content (updated method on register-service-worker.js) but it stucks on cache causing infinite reload.

There's any way to full disable the cache?

Yes use the 'Network First' strategy see:
https://developers.google.com/web/tools/workbox/modules/workbox-strategies#network_first_network_falling_back_to_cache

I've tryied everything but nothing works

If I were you I would try to get the update on new content fixed ( with help of this forum of course). What version of workbox are you using? v4 or v5?

[rafaelst2000]

Hey, i've fixed the custom-service-worker by adding this

importScripts('https://storage.googleapis.com/workbox-cdn/releases/6.1.5/workbox-sw.js')
workbox.core.clientsClaim()
self.skipWaiting()

than the updated method worked fine. Thanks

[ontwikkelfabriek]

@rafaelst2000

Would it be possible for you to post a code listing of your working custom-service-worker? Or if that's not possible your update method?

[rafaelst2000]

Sure :)

register-service-worker.js

import { register } from 'register-service-worker'
import { Notify } from 'quasar'

// The ready(), registered(), cached(), updatefound() and updated()
// events passes a ServiceWorkerRegistration instance in their arguments.
// ServiceWorkerRegistration: https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerRegistration

register(process.env.SERVICE_WORKER_FILE, {
  // The registrationOptions object will be passed as the second argument
  // to ServiceWorkerContainer.register()
  // https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerContainer/register#Parameter

  // registrationOptions: { scope: './' },

  ready(/* registration */) {
    // console.log('Service worker is active.')
  },

  registered(/* registration */) {
    // console.log('Service worker has been registered.')
  },

  cached(/* registration */) {
    // console.log('Content has been cached for offline use.')
  },

  updatefound(/* registration */) {
    // console.log('New content is downloading.')
  },

  updated(/* registration */) {
    if ('serviceWorker' in navigator) {
      navigator.serviceWorker.getRegistrations().then(function(registrations) {
        for (let registration of registrations) {
          registration.update()
        }
      })
    }
    location.reload(true)
  },

  offline() {
    // console.log('No internet connection found. App is running in offline mode.')
  },

  error(/* err */) {
    // console.error('Error during service worker registration:', err)
  }
})

custom-service-worker.js

/*
 * This file (which will be your service worker)
 * is picked up by the build system if BOTH conditions are met:
 *  - You are building for production
 *  - quasar.conf > pwa > workboxPluginMode is set to "InjectManifest"
 */
importScripts('https://storage.googleapis.com/workbox-cdn/releases/6.1.5/workbox-sw.js')
/* import { precacheAndRoute } from 'workbox-precaching'
precacheAndRoute(self.__WB_MANIFEST)

self.__precacheManifest = [].concat(self.__precacheManifest || [])
workbox.precaching.precacheAndRoute(self.__precacheManifest, {}) */

workbox.core.clientsClaim()
self.skipWaiting()
self.addEventListener('push', e => {
  const options = {
    ...e.data.json(),
    icon: '/statics/icons/icon-192x192.png',
    badge: '/statics/icons/android-badge.png'
  }
  e.waitUntil(self.registration.showNotification(options.title, options))
})

self.addEventListener('notificationclick', e => {
  self.clients.openWindow(e.notification.data.clickUrl)
  e.notification.close()
})