[Q2 Vite] TypeError: Cannot read properties of undefined (reading 'generateSW')

[ssuess]

Still trying to get vite to build, now I am stuck on this error:

 App •  WAIT  • Compiling of the Service Worker with Workbox in progress...
/Users/stephen/vite-test/node_modules/@quasar/app-vite/lib/modes/pwa/utils.js:67
  await workboxBuild[ workboxMode ](workboxConfig)
                    ^

TypeError: Cannot read properties of undefined (reading 'generateSW')
    at buildPwaServiceWorker (/Users/stephen/vite-test/node_modules/@quasar/app-vite/lib/modes/pwa/utils.js:67:21)
    at PwaBuilder.build (/Users/stephen/vite-test/node_modules/@quasar/app-vite/lib/modes/pwa/pwa-builder.js:35:11)

my pwa section looks like this:

pwa: {
      workboxMode: 'generateSW', // or 'injectManifest'
      injectPwaMetaTags: true,
      swFilename: 'sw.js',
      manifestFilename: 'manifest.json',
      useCredentialsForManifestTag: false,
      // extendGenerateSWOptions (cfg) {}
      // extendInjectManifestOptions (cfg) {},
      extendManifestJson (json) {
        json.id =  process.env.ALPHA ? '/app/' : process.env.BETA ? '/app/' : '/app/',
        json.name =  process.env.ALPHA ? 'test alpha' : process.env.BETA ? 'test beta' : 'test',
        json.scope =  process.env.ALPHA ? 'https://alpha.my.net/app/' : process.env.BETA ? 'https://beta.my.net/app/' : 'https://my.net/app/',
        json.start_url = process.env.ALPHA ? 'https://alpha.my.net/app/' : process.env.BETA ? 'https://beta.my.net/app/' : 'https://my.net/app/',
        json.short_name =  process.env.ALPHA ? 'test alpha' : process.env.BETA ? 'test beta' : 'test',
        json.description =  process.env.ALPHA ? 'alpha PWA' : process.env.BETA ? 'beta PWA' : 'test PWA',
        json.display = 'standalone',
        json.orientation = 'portrait',
        json.background_color = '#080037',
        json.theme_color = '#080037',
        json.icons = [
          {
            src: 'icons/icon-128x128.png',
            sizes: '128x128',
            type: 'image/png'
          },
          {
            src: 'icons/icon-192x192.png',
            sizes: '192x192',
            type: 'image/png'
          },
          {
            src: 'icons/icon-256x256.png',
            sizes: '256x256',
            type: 'image/png'
          },
          {
            src: 'icons/icon-384x384.png',
            sizes: '384x384',
            type: 'image/png'
          },
          {
            src: 'icons/icon-512x512.png',
            sizes: '512x512',
            type: 'image/png'
          }
        ]
      }
      // extendPWACustomSWConf (esbuildConf) {}
    },

[ssuess]

So, the conversion guide here left out a VERY important point: BEFORE copying your files over, run this command quasar mode add pwa. Otherwise all the needed packages will not be added. Once I did that, my app built as expected. If you try that command AFTER you have copied your src-pwa folder, the cli will tell you it is already installed, which it most definitely is not.