在 TypeScript 中找不到名称“窗口”或“文档”

在 TypeScript 中找不到名称“window”或“document”

Cannot find name ‘window’ or ‘document’ in TypeScript

要解决“找不到名称window或document”错误，请添加到文件中的DOM数组
。libtsconfig.json

定义DOM包括窗口和文档。DOM在浏览器中运行的程序需要添加类型定义。

添加DOM到文件lib中的数组tsconfig.json

打开你的tsconfig.json文件并确保添加DOM到你的lib数组中。

{
  "compilerOptions": {
    "lib": [
      "es2018",
      "DOM" // 👈️ Add this
    ],
  },
}

一旦你添加DOM到你的lib数组中，tsconfig.json错误就应该解决了。

lib设置告诉 TypeScript 它应该包含哪些
类型定义
。

如果您的代码在浏览器中运行，请将DOM字符串添加到您的lib数组中，以便能够在您的 TypeScript 代码中使用window和document
全局变量。

将target属性设置tsconfig.json为ES6

如果这不起作用，请确保将
文件中的target属性
tsconfig.json设置为最近的值 –ES6这是一个不错的选择。

{
  "compilerOptions": {
    "target": "ES6"
  }
}

现代浏览器支持所有 ES6 功能，因此请尝试将您的设置target为es6
或更新的版本。

删除您的 node_modules 并重新安装您的依赖项

如果错误未解决，请尝试删除您的npm_modules和
package-lock.json，重新运行
npm install并重新加载您的 IDE。

bash如果您使用的是 macOS 或 Linux，请在或中发出以下命令zsh。

#  for macOS and Linux
rm -rf node_modules
rm -f package-lock.json
rm -f yarn.lock

# 👇️ clean npm cache
npm cache clean --force

# 👇️ install packages
npm install

如果您使用的是 Windows，请在 CMD 中发出以下命令。

# for Windows
rd /s /q "node_modules"
del package-lock.json
del -f yarn.lock

# 👇️ clean npm cache
npm cache clean --force

# 👇️ install packages
npm install

如果错误仍然存​​在，请确保重新启动 IDE 。VSCode 经常出现故障，有时重启可以解决问题。

额外资源

您可以通过查看以下教程来了解有关相关主题的更多信息：

• TypeScript 中的 Window 类型不存在属性 [已修复]
• TypeScript 中类型“{}”上不存在属性 [已解决]
• 在 TypeScript 中找不到名称“require”错误 [已解决]