Use window object in angular2 but vscode "Cannot find name 'window' "

Question

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!

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

Gerard Rovira · Accepted Answer · 2017-03-17 00:32:35Z

9

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

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

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

Compiler options

answered Mar 17, 2017 at 0:32

Gerard Rovira

33k20 gold badges120 silver badges149 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Khaled AbuShqear Over a year ago

it's exist, but i still have this error message everytime I try to build (ng build) : "Cannot find name '$window'. Did you mean 'Window'?"

Collectives™ on Stack Overflow

Use window object in angular2 but vscode "Cannot find name 'window' "

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related