Angular 2 AOT - Property 'window' does not exist on type

Question

In my Angular 2 application I provide the window object using what is described here: Angular2 - How to inject window into an angular2 service.

However the ngc compiler used for AOT returns several errors. First I had to change the way I provide the dependency (note the 'Window'):

@NgModule({        
  providers: [
    { provide: 'Window',  useValue: window }
  ],
  ...
})
export class AppModule {}

And in my component (note the type 'any'):

@Component({ ... })
export default class MyComponent {
    constructor (
        @Inject('Window') private window: any
    ) {}
...

However I still get the following error thrown by the ngc compiler in my module ngfactory:

Property 'window' does not exist on type

Again everything is working fine with the tsc compiler.

score 2 · Answer 1 · answered Nov 18 '16 at 11:51

2

In the end I fixed my issue by following exactly what is described here: http://juristr.com/blog/2016/09/ng2-get-window-ref/

answered Nov 18 '16 at 11:51

j3r6me

score 1 · Answer 2 · answered Aug 20 '17 at 12:41

The following, simple solution did the trick for me:

Under "@NgModule", in "providers" section:

{provide: 'window', useFactory: getWindow }

Make sure to export the "getWindow" method:

export function getWindow() { return window; }

2 Answers2