javascript - Use window object in angular2 but vscode "Cannot find name 'window' " - Stack Ove

admin管理员组

文章数量:1333451

I wrote an angular2 app in Visual studio code. Recently, I updated Visual Studio Code to 1.10.2. But it has highlighted window as having an error. When I checked it, I found that it says:

[ts] Cannot find name 'window'.

My code is as follows:

saveCustomIndex(customIndex:any,indexName:string){
    window.localStorage.setItem(indexName,JSON.stringify(customIndex));
}

Screenshot

How can I deal with this? Thank you!

I wrote an angular2 app in Visual studio code. Recently, I updated Visual Studio Code to 1.10.2. But it has highlighted window as having an error. When I checked it, I found that it says:

[ts] Cannot find name 'window'.

My code is as follows:

saveCustomIndex(customIndex:any,indexName:string){
    window.localStorage.setItem(indexName,JSON.stringify(customIndex));
}

Screenshot

How can I deal with this? Thank you!

• javascript
• angular
• typescript
• visual-studio-code

Share Improve this question Follow edited Mar 15, 2017 at 10:19 Angelos Chalaris 6,70788 gold badges5353 silver badges8080 bronze badges asked Mar 12, 2017 at 8:07 yilihjyyilihjy 7311 silver badge44 bronze badges 1

• Try to add options "lib": [ "es2015", "dom" ], in your tsconfig.json – yurzui Commented Mar 12, 2017 at 8:14

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 9

On tsconfig.json, make sure to have "dom" on your list of libraries.

tsconfig.json should be looking more or less like this:

{
  "pileOnSave": false,
  "pilerOptions": {
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "module": "monjs",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": [
      "es2016",
      "dom"
    ]
  }
}

Compiler options

本文标签： javascriptUse window object in angular2 but vscode quotCannot find name 39window39 quotStack Overflow