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

Question

起初当我输入 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 { }

Answer 1

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

Answer 2

从@angular/cdk@2.0.0-beta.11 CdkTableModule 移动到@angular/cdk/table

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

早期版本的 material 2 可能无法像预期的那样与 Angular 4 一起使用注意它的数据源位于同一个模块中：

import { DataSource } from '@angular/cdk/table';

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

// this.sort.mdSortChange

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

Unexpected module 'CdkTableModule' declared by the module 'AppModule'

module

angular-material2

angular

angular-cdk