vscode typeScript Intellisense错误

Question

我一直在尝试使用Sveltekit为我的网站创建服务工作人员，但是在这里遇到了一个问题。 放置了以下代码

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

我创建了一个文件/src/service-worker.ts，在其中，我在运行npm run build build此代码时 浏览器。但是，我的vscode Intellisense会发现一些错误。最值得注意的是，它说waituntil event的属性不存在。 属性'waituntil'在类型'event'.ts（2339）上不存在，例如属性'skipwaiting'在type'window＆amp; typeof globalthis'.ts（2339）和找不到名称'clients'.ts（2304）。

现在，我是JavaScript和Typescript的新手，但是根据我的经验，Intellisense不应输出在编译过程中也不会出现的错误。为什么会发生这种情况？

我不确定要提供的信息。我的TS版本是4.7.4，它也是Vscode版本用于Intellisense。我已经为JS和TS安装了ESLINT扩展名。

这里有什么问题？ 谢谢！

Answer 1

您可以将“ webworker”添加到 compileroptions.lib 在tsconfig.json中，并在服务工作者中声明self的类型文件：

declare var self: ServiceWorkerGlobalScope;

这将导致事件类型自动推断，而无需通过事件名称进一步注释。

您可能需要重新启动TS服务器（有一个命令：tyspript：restart TS Server）。

尽管如此，它仍然会像...

Answer 2

这对我来说非常有效：

const sw: ServiceWorkerGlobalScope = self as unknown as ServiceWorkerGlobalScope;

现在您将self替换为sw，哪个更有意义，而且您获得了正确的类型。