我刚开始在我的项目中使用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官方文件中包含的所有步骤。
答案 0 :(得分:0)
非常感谢您的好意见!
但我只是通过删除整个 node_modules 文件夹并使用 npm install 重新安装所有软件包来解决此问题。
当我再次运行 ng serve 时,这样的错误就消失了。我不知道原因,但希望这可以帮助其他可能遇到同样问题的人!
BTW,我的Angular版本是4.0,Angular-cli版本是1.2.1,Angular-material版本是2.0.0
再次感谢!