Angular-material2を使用中にエラーが発生しました

Question

プロジェクトでAnuglar-material2を使用し始めましたが、コンポーネントを正しく読み込むことはできません。私は私のapp.module.tsにいくつかの材料のモジュールをインポートした後、私は次のようなエラーを取得しています：

uncaught Error: Unexpected value 'MdButtonModule' imported by the module 'AppModule'. Please add a @NgModule annotation. 
    at syntaxError (compiler.es5.js:1690) 
    at compiler.es5.js:15383 
    at Array.forEach (<anonymous>) 
    at CompileMetadataResolver.webpackJsonp.../../../compiler/@angular/compiler.es5.js.CompileMetadataResolver.getNgModuleMetadata (compiler.es5.js:15366) 
    at JitCompiler.webpackJsonp.../../../compiler/@angular/compiler.es5.js.JitCompiler._loadModules (compiler.es5.js:26796) 
    at JitCompiler.webpackJsonp.../../../compiler/@angular/compiler.es5.js.JitCompiler._compileModuleAndComponents (compiler.es5.js:26769) 
    at JitCompiler.webpackJsonp.../../../compiler/@angular/compiler.es5.js.JitCompiler.compileModuleAsync (compiler.es5.js:26698) 
    at PlatformRef_.webpackJsonp.../../../core/@angular/core.es5.js.PlatformRef_._bootstrapModuleWithZone (core.es5.js:4535) 
    at PlatformRef_.webpackJsonp.../../../core/@angular/core.es5.js.PlatformRef_.bootstrapModule (core.es5.js:4521) 
    at Object.../../../../../src/main.ts (main.ts:11) 

ここに私が含ま正確にすべての手順をした私のapp.module.ts

import 'hammerjs'; 

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; 

import { AppRoutingModule } from './app-routing.module'; 
import { SearchModule } from './search/search.module'; 
import { PostModule } from './post/post.module'; 
import { UserModule } from './user/user.module'; 

import { BsDropdownModule } from 'ngx-bootstrap/dropdown'; 
import {MdButtonModule, MdCheckboxModule} from '@angular/material'; 

import { AppComponent } from './app.component'; 
import { HomeComponent } from './home/home.component'; 
import { NavTopComponent } from './nav-top/nav-top.component'; 

import { AuthService } from './core/auth.service'; 

@NgModule({ 
    declarations: [ 
    AppComponent, 
    HomeComponent, 
    NavTopComponent, 
    ], 
    imports: [ 
    BrowserModule, 
    BrowserAnimationsModule, 
    MdButtonModule, 
    MdCheckboxModule, 
    BsDropdownModule.forRoot(), 
    SearchModule, 
    PostModule, 
    UserModule, 
    AppRoutingModule 
    ], 
    exports: [ 
    ], 
    providers: [AuthService], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

ですマテリアル2の公式文書に掲載されています。

Answer 1

ありがとうございました。

しかし、私はちょうど全体node_modulesにフォルダを削除することによってこの問題を解決し、NPMをインストールを使用してすべてのパッケージを再インストールします。

ng serveを再度実行すると、このようなエラーは表示されなくなりました。理由はわかりませんが、これが同じ問題を抱えている可能性のある人を助けることができれば幸いです！

はところで、私の角度のバージョンは4.0で、角度-cliのバージョンは1.2.1で、角-材料バージョンが再び2.0.0

感謝です！