TypeScript +VSCode的Vetur Vue包:找不到名称'HTMLElement‘/ 'window’/ 'document‘

Question

我一直在研究我看到的这个小的Vetur问题--我已经看到了一些关于修改Vue3 + ts + Vetur的tsconfig的答案--但现在大多数似乎都是死胡同，因为我的tsconfig中要么已经有了建议的修复，要么建议的修复对我看到的警告帮助不大。

我尝试添加dom、es2016和dom.iterable库程序包，但都没有成功。我可能认为我的tsconfig中存在冲突或冲突，但似乎无法将其缩小到任何确凿的范围。

我还尝试了cmd+shitf+p然后Developer: Reload window的技巧，但不起作用。重新启动了VSCode，但这不起作用。

我基本上看到了一些一般性的Vetur错误，比如：

"Cannot find name window“、"Cannot find name document”、"Cannot find name HTMLElement“和"Cannot find name HTMLCanvasElement”

这是我的完整tsconfig.json

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
    "importHelpers": true,
    "moduleResolution": "node",
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "resolveJsonModule": true,
    "sourceMap": true,
    "baseUrl": ".",
    "types": [
      "webpack-env",
      "jest"
    ],
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "lib": [
      "esnext",
      "es2016",
      "dom",
      "dom.iterable",
      "scripthost"
    ]
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "tests/**/*.ts",
    "tests/**/*.tsx"
  ],
  "exclude": [
    "node_modules"
  ]
}

注意:我已经添加了vuejs3作为这个问题的标签，虽然这不是Vue的问题，但Vetur库是VS代码的Vue工具。

Answer 1

好了，这是一个很奇怪的问题。在一个VSCode工作区中打开多个项目目录，并且随后无法递归查找tsconfig.json文件时，Vetur似乎遇到了问题。

它期望它的根源，老实说，我认为这是合理的，但同时也不合理……