Ошибка предварительного кэширования Quasar V2 PWA Mode (404)

Я запускаю свое веб-приложение в PWA, но я получил

Uncaught (in promise) bad-precaching-response: bad-precaching-response :: [{"url":"https://myurl/index.html","status":404}]

вот мой quasar.config

вот custom-service-worker.ts

Я также использую Vite Я пробовал много вещей, но получил ту же ошибку, некоторые делают ее хуже

а я новичок

pwa: {
      workboxMode: 'generateSW', // or 'injectManifest'
      injectPwaMetaTags: true,
      swFilename: 'sw.js',
      manifestFilename: 'manifest.json',
      useCredentialsForManifestTag: false,
      // workboxOptions: {
      //   skipWaiting: true,
      //   clientsClaim: true,
      // },
      // useFilenameHashes: true,
      // extendGenerateSWOptions (cfg) {}
      // extendInjectManifestOptions (cfg) {},
      // extendManifestJson (json) {}
      // extendPWACustomSWConf (esbuildConf) {}
    },

import { clientsClaim } from 'workbox-core';
import {
  precacheAndRoute,
  cleanupOutdatedCaches,
} from 'workbox-precaching';

self.skipWaiting();
clientsClaim();

// Use with precache injection
precacheAndRoute(self.__WB_MANIFEST, {
  ignoreURLParametersMatching: [/^index.html/]
});

cleanupOutdatedCaches();