Cannot find name 'document', 'window', ... Do you need to change your target library?

[scriptless]

• I have searched through existing issues
• I have read through docs
• I have read FAQ

Info

• Platform: Win 10
• Vetur version: 0.23.0
• VS Code version: 1.41.1

Problem

Using Typescript.

What I done:

• added dom to lib in tsconfig.json
• check tsconfig.json for errors
• reinstalled vetur, restarted vscode

Seems like simple dom objects/methods are unknown to Vetur even when DOM is defined in lib.

tsconfig.json:

{
    "compileOnSave": false,
    "buildOnSave": false,
    "atom": {
      "rewriteTsconfig": false
    },
    "compilerOptions": {
      "allowSyntheticDefaultImports": true,
      "allowUnreachableCode": false,
      "allowUnusedLabels": false,
      "alwaysStrict": true,
      "baseUrl": "./",
      "charset": "utf8",
      "declaration": false,
      "diagnostics": false,
      "esModuleInterop": true,
      "experimentalDecorators": true,
      "emitDecoratorMetadata": true,
      "forceConsistentCasingInFileNames": true,
      "importHelpers": true,
      "locale": "en",
      "module": "commonjs",
      "moduleResolution": "node",
      "newLine": "lf",
      "noEmit": false,
      "noEmitHelpers": false,
      "noEmitOnError": false,
      "noFallthroughCasesInSwitch": true,
      "noImplicitAny": true,
      "noImplicitReturns": true,
      "noImplicitThis": false,
      "noImplicitUseStrict": false,
      "noUnusedLocals": true,
      "noUnusedParameters": false,
      "pretty": true,
      "removeComments": true,
      "resolveJsonModule": true,
      "sourceMap": false,
      "strictNullChecks": false,
      "target": "es2016",
      "paths": {
        "@/*": [
          "src/*"
        ]
      },
      "lib": [
        "es2017",
        "es2016",
        "es2015",
        "esnext",
        "dom"
      ],
    },
    "include": [
      "src/*",
    ],
    "exclude": [
      "node_modules"
    ]
  }

Reproducible Case

Test application: https://github.com/scriptlessatwork/test-app
For example using document.* or window.* methods in a Vue component method.
Language is Typescript.

[ktsn]

Could you provide self-contained reproduction?
See about reproduction: https://new-issue.vuejs.org/?repo=vuejs/vue#why-repro

[scriptless]

Could you provide self-contained reproduction?
See about reproduction: https://new-issue.vuejs.org/?repo=vuejs/vue#why-repro

Added

[ktsn]

Did you read the link I posted? Text is not a reproduction as we cannot exactly confirm the issue from it. You can provide minimal example project, reproducing the issue, as GitHub repository, for example.

[scriptless]

Did you read the link I posted? Text is not a reproduction as we cannot exactly confirm the issue from it. You can provide minimal example project, reproducing the issue, as GitHub repository, for example.

Added a minimal test app. The path to the file with the error is src/components/HelloWorld.vue
There is also a screenshot shown the problem in the file.

[ktsn]

Is it really reproducible case on your end? I could not see any errors on it. Also it does not have tsconfig.json which you stated in the original post.

[scriptless]

Is it really reproducible case on your end? I could not see any errors on it. Also it does not have tsconfig.json which you stated in the original post.

So I found out that the error messages dont exist on my Macbook while on my main computer (Windows 10) it shows those errors. I'm using vscode settings sync, so they should have the same settings. Weird.

[scriptless]

Seems like its actually working now, I didnt found the issue

[plastic-shurikens]

Might be a late reply but adding "DOM" to lib in compilerOptions solved it for me

{ "compilerOptions": { "target": "es5", "module": "commonjs", "lib": ["es6", "DOM"], "allowJs": true, "outDir": "build", "rootDir": "src", "strict": true, "esModuleInterop": true, "types": ["node", "jest"], "skipLibCheck": true, "resolveJsonModule": true, "downlevelIteration": true, },