模块'AppModule'声明的意外模块'CdkTableModule'

时间:2017-07-19 19:28:15

标签: angular module angular-material2 angular-cdk

首先,当我输入ng serve时,删除了2个目录@angular/material@angular/cdk,我更正了问题,但现在又有了另一个问题。

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

import {CdkTableModule} from '@angular/cdk';

import { AppComponent } from './app.component';
import { FooterComponent } from './footer/footer.component';
import { HeaderComponent } from './header/header.component';
import { BodyComponent } from './body/body.component';

@NgModule({
  declarations: [
    CdkTableModule,
    AppComponent,
    FooterComponent,
    HeaderComponent,
    BodyComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

2 个答案:

答案 0 :(得分:2)

CdkTableModule进入imports数组,因为它是一个模块,而不是一个组件。

答案 1 :(得分:0)

从@ angular / cdk @ 2.0.0-beta.11将CdkTableModule移至@ angular / cdk / table

  

从'@ angular / cdk / table'导入{CdkTableModule};

早期版本的材质2可能无法按预期使用Angular 4 注意它的DataSource位于同一个模块中:

  

从'@ angular / cdk / table'导入{DataSource};

来自@ angular / material模块的MdSort还没有提供mdSortChange事件

  

// this.sort.mdSortChange