title: How to integrate angular2-materialize in a project created with angular cli
body: <p>I want to use the <code>Materialize CSS</code> Framework in my project.
  I set up a project the <code>Angular CLI</code> using <code>ng new BLABLA</code></p>
  
  <p>After that I've followed the steps in <a href="https://github.com/InfomediaLtd/angular2-materialize#installing--configuring-angular2-materialize-in-projects-created-with-angular-cliwebpack-100-beta11-webpack8" rel="nofollow">this</a> guide.</p>
  
  <p>However, if I use <code>ng serve</code> to start the project, I get this error in the browser:</p>
  
  <pre><code>TypeError: undefined is not an object (evaluating 'jQuery.easing.swing') 
  </code></pre>
  
  <p>my angular-cli.json</p>
  
  <pre><code>{
    "project": {
      "version": "1.0.0-beta.15",
      "name": "blabla"
    },
    "apps": [
      {
        "root": "src",
        "outDir": "dist",
        "assets": "assets",
        "index": "index.html",
        "main": "main.ts",
        "test": "test.ts",
        "tsconfig": "tsconfig.json",
        "prefix": "app",
        "mobile": false,
        "styles": [
          "styles.css"
        ],
        "scripts": [
          "../node_modules/jquery/dist/jquery.js",
          "../node_modules/materialize-css/dist/js/materialize.js"
        ],
        "environments": {
          "source": "environments/environment.ts",
          "dev": "environments/environment.ts",
          "prod": "environments/environment.prod.ts"
        }
      }
    ],
    "addons": [],
    "packages": [],
    "e2e": {
      "protractor": {
        "config": "./protractor.conf.js"
      }
    },
    "test": {
      "karma": {
        "config": "./karma.conf.js"
      }
    },
    "defaults": {
      "styleExt": "css",
      "prefixInterfaces": false
    }
  }
  </code></pre>
  
  <p>app.module.ts</p>
  
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import { FormsModule } from '@angular/forms';
  import { HttpModule } from '@angular/http';
  
  import { MaterializeModule } from 'angular2-materialize';
  import "materialize-css";
  import { AppComponent } from './app.component';
  
  @NgModule({
    declarations: [ AppComponent ],
    imports: [
      BrowserModule,
      FormsModule,
      HttpModule,
      MaterializeModule
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>