如何在 TypeScript 中使用导航器和位置 DOM 变量

Question

所以我正在做一个使用 react 和 typescript 的项目，但是我需要访问一些 DOM 变量，比如导航器和位置。但是我可以在 JS 文件中访问这些变量，但不是 TS 文件。我一直在寻找，但找不到任何答案。我希望这不是微不足道的。

我在 JS 中调用但需要它在 TS 中的函数示例：

const { usage, quota } = await navigator.storage.estimate();

先感谢您

Answer 1

您必须在tsconfig.json文件中添加选项。

将dom添加到compilerOptions.lib数组，如下所示：

{
  "compilerOptions": {
        "lib": [
            "dom"
        ]
  }
}

此选项将为 DOM API 添加必要的类型。