title: Angular2 can't enable material design
body: <p>As mentioned in the question's title I can't enable material design although I'be followed the official <a href="https://material.angular.io/guide/getting-started" rel="nofollow noreferrer">documentation</a>.<br>
  I did the following steps:<br>
  <code>npm install --save @angular/material</code><br>
  <code>npm install --save @angular/animations</code><br>
  and this is my <code>package.json</code> file:</p>
  <pre><code>&quot;dependencies&quot;: {
      &quot;@angular/animations&quot;: &quot;^4.2.5&quot;,
      &quot;@angular/cdk&quot;: &quot;github:angular/cdk-builds&quot;,
      &quot;@angular/common&quot;: &quot;^2.4.0&quot;,
      &quot;@angular/compiler&quot;: &quot;^2.4.0&quot;,
      &quot;@angular/core&quot;: &quot;^2.4.0&quot;,
      &quot;@angular/forms&quot;: &quot;^2.4.0&quot;,
      &quot;@angular/http&quot;: &quot;^2.4.0&quot;,
      &quot;@angular/material&quot;: &quot;github:angular/material2-builds&quot;,
      &quot;@angular/platform-browser&quot;: &quot;^2.4.0&quot;,
      &quot;@angular/platform-browser-dynamic&quot;: &quot;^2.4.0&quot;,
      &quot;@angular/router&quot;: &quot;^3.4.0&quot;,
      &quot;core-js&quot;: &quot;^2.4.1&quot;,
      &quot;hammerjs&quot;: &quot;^2.0.8&quot;,
      &quot;rxjs&quot;: &quot;^5.1.0&quot;,
      &quot;zone.js&quot;: &quot;^0.7.6&quot;
    },
  </code></pre>
  <p>So everything is perfectly installed but right now I'm facing two problems:<br>
  The first one is that the compiler can't find the animations module when I try to import <code>BrowserAnimationsModule</code>:<br>
  <a href="https://i.stack.imgur.com/1AX5q.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1AX5q.jpg" alt="enter image description here" /></a>
  The second problem is that when I import material modules in NgModule like this:<br></p>
  <pre><code>@NgModule({
    declarations: [
      AppComponent
    ],
    imports: [
      BrowserModule,
      FormsModule,
      HttpModule,
      MdButtonModule,
      MdMenuModule,
      MdCardModule,
      MdToolbarModule,
      MdIconModule
    ],
    providers: [
  
    ],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  <p>I get this error in the console, and a bunch of warning messages:<br>
  <a href="https://i.stack.imgur.com/QWmnZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QWmnZ.png" alt="enter image description here" /></a></p>
  <p>What am I missing here ?</p>