使用Angular-material2时出错

时间:2017-07-21 07:35:42

标签: angular angular-material2

我刚开始在我的项目中使用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 { }

我完成了Material2官方文件中包含的所有步骤。

1 个答案:

答案 0 :(得分:0)

非常感谢您的好意见!

但我只是通过删除整个 node_modules 文件夹并使用 npm install 重新安装所有软件包来解决此问题。

当我再次运行 ng serve 时,这样的错误就消失了。我不知道原因,但希望这可以帮助其他可能遇到同样问题的人!

BTW,我的Angular版本是4.0,Angular-cli版本是1.2.1,Angular-material版本是2.0.0

再次感谢!