He estado tratando de crear ServiceWorker para mi sitio web usando SvelteKit, pero tengo un problema aquí. Creé un archivo /src/service-worker.ts y allí puse el siguiente código

 import { build, files, prerendered, version } from '$service-worker'; const applicationCache = `applicationCache-v${version}`; const staticCache = `staticCache-v${version}`; const returnSSRpage = (path) => caches.open("ssrCache").then((cache) => cache.match(path)); // Caches the svelte app (not the data) self.addEventListener("install", (event) => { event.waitUntil( Promise.all([ caches .open("ssrCache") .then((cache) => cache.addAll(["/"])), caches .open(applicationCache) .then((cache) => cache.addAll(build)), caches .open(staticCache) .then((cache) => cache.addAll(files)) ]) .then(self.skipWaiting()), ) }) ... reduced code

Cuando se ejecuta npm run build , este código se compila perfectamente y se ejecuta en el navegador. Sin embargo, mi intellisense de VSCode se equivoca en algunas cosas. En particular, dice que la propiedad waitUntil del event no existe. Property 'waitUntil' does not exist on type 'Event'.ts(2339) Property 'skipWaiting' does not exist on type 'Window & typeof globalThis'.ts(2339) Cannot find name 'clients'.ts(2304) .

Ahora, soy bastante nuevo en Javascript y Typescript, pero según mi experiencia, Intellisense no debería generar un error que no aparezca durante la compilación. ¿Por qué pasó esto?

No estoy seguro de qué información proporcionar. Mi versión de TS es 4.7.4, que también es la versión que VSCode usa para Intellisense. He instalado la extensión ESLint para JS y TS.

Cual podría ser el problema aquí? ¡Gracias!