Angular Material注入Angular 2项目

Question

Have problem with add Angular Material to my project which is build on Angular 2 . When project is compiled, return this error :

initializers are not allowed in ambient contexts

Add Angular Material like this :

import {MaterialModule } from '@angular/material'

And then in imports

 MaterialModule.forRoot(),

Installed by

npm install --save @angular/material

Also installed hammerjs and added into 'angular-cli.json'

 "../node_modules/hammerjs/hammer.min.js"

It's my all app.module.ts

import {NgModule, NgModuleFactoryLoader, SystemJsNgModuleLoader} from 
'@angular/core';
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import 'hammerjs';

//ui-router
import {UIRouterModule, UIView} from 'ui-router-ng2';
import {APP_STATES} from './app.states';
import {routerConfigFn} from './router.config';

//angular material
import {MdButtonModule, MdCheckboxModule} from '@angular/material';

import { AppComponent } from './app.component';
import { UserComponent } from './user/user.component';
import { DashboardComponent } from './dashboard/dashboard.component';

@NgModule({
   declarations: [
    AppComponent,
    UserComponent,
    DashboardComponent
  ],
  imports: [
     BrowserModule,
     FormsModule,
     HttpModule,
     MdButtonModule,
     MdCheckboxModule,
     UIRouterModule.forRoot({
        states: APP_STATES,
        useHash: true,
        otherwise: {state: 'public'},
        config: routerConfigFn,
        }),
    ],
    providers: [{provide: NgModuleFactoryLoader, useClass: 
    SystemJsNgModuleLoader}],
    bootstrap: [UIView]
   })

 export class AppModule { }

Answer 1

There has been significant changes in the latest beta3 (assuming you are using that). It could be related to an error you are having but not sure. You don't import Material Module anymore, instead you import each component individually

https://github.com/angular/material2/blob/master/guides/getting-started.md

import {MdButtonModule, MdCheckboxModule} from '@angular/material';

@NgModule({
  ...
  imports: [MdButtonModule, MdCheckboxModule],
  ...
})
export class PizzaPartyAppModule { }

Also, no need to import hammerjs via angular/cli just put in in app.modules.ts as an import

import 'hammerjs';