Quasar with default option cannot produce a PWA that can be used offline, here is how to

[DavidHequet]

Having the same problem that this issue (#13770 (comment)) i investigated the build process of the Quasar PWA

Quasar with default option build an index.xxxx.js file entry point used in index.html
If you use GeneratedSW option, this file is ignored by workbox because of his size (arround 2.7MB for the default quasar projection, max is set to 2MB)

You can avoid this by change the default maximumFileSizeToCacheInBytes in quasar.config.js like this:

extendGenerateSWOptions (cfg) {
  cfg.maximumFileSizeToCacheInBytes = 3000000
}

But the main problem is that you don't have any warning, workbox provide warning for not included files.

A simple improvment in quasar could be done in this file: app-vite/lib/modes/pwa/utils.js

export async function buildPwaServiceWorker (quasarConf, workboxConfig) {
  const { ctx: { cacheProxy }, pwa: { workboxMode } } = quasarConf

  const done = progress('Compiling of the ___ with Workbox in progress...', 'Service Worker')

  const buildMethod = workboxMethodMap[ workboxMode ]
  const workboxBuild = await cacheProxy.getModule('workboxBuild')

  const workboxResult = await workboxBuild[ buildMethod ](workboxConfig)

  if (workboxResult.warnings.length > ) 
  {
   // show some warnings to the console
  } 
  done('The ___ compiled with success by Workbox')

}