Angular2 - Unhandled Promise rejection: No provider for ElementRef

[Paul Belowee]

I'm want to get reference to dom node of a component.

Here is the code:

import {Component, Inject, ElementRef} from 'angular2/core';

declare var ol: any;

@Component({

  selector: 'olmap'

})

export class MapComponent {

  elementRef: ElementRef;

  constructor(@Inject(ElementRef) elementRef: ElementRef){

   this.elementRef = elementRef;

  }

}

Compiling - ok.

and runtime error:  Unhandled Promise rejection: No provider for ElementRef

What is wrong?

[Günter Zöchbauer]

I don't see anything wrong. 

You can shorten the constructor to

 constructor(private elementRef: ElementRef){} 

(or `public` instead of `private`)

Your problem is outside of the code your provided.

Does your component not have a `template` or is this just because you shortened the code before posting?

[Paul Belowee]

Forgot bindings:

import {Component, Inject, ElementRef} from 'angular2/core';

declare var ol: any;

@Component({

  selector: 'olmap',

  bindings: [ElementRef]

[Günter Zöchbauer]

adding `ElementRef` to `bindings` isn't necessary. 

There is something else wrong in your application.

Some other hints:

`bindings` is deprecated in favor of `providers`

`@Inject(ElementRef)` is redundant if the parameter has a type annotation with the same type.

Also this constructor does the same as yours while being much shorter

constructor(public elementRef: ElementRef){}