angular - 模块 'MatTableDataSource' 导入了意外值 'AppModule' 。请添加@NgModule注释

Question

我正在使用 Angular 5 开发一个 Angular 应用程序。我想使用 Angular-Material 中的“MatTableDataSource”。但我收到此错误

模块“AppModule”导入了意外值“MatTableDataSource”。请添加@NgModule注释。

我正在寻找这个问题的解决方案。我在git中找到了这个解决方案

"https://github.com/angular/material/issues/10981 "

一位名叫@dliebel的用户给出了解决方案。我应用了它，但一次又一次地出现此错误。 app.module.ts 指定如下

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpModule } from '@angular/http';
import { ReactiveFormsModule, FormsModule, FormArray } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { AppComponent } from './app.component';
import { SellDetailFormComponent } from './sellDetail/sellDetailForm.component';
import { RouterModule, Routes } from '@angular/router';
import { HotTableModule } from '@handsontable/angular';
import { CommonModule } from '@angular/common';
import { MatTableModule, MatSortModule,MatTableDataSource } from '@angular/material';
import { SellTableComponent } from './sellDetail/sellTable.component';


const appRoutes: Routes = [
{ path: 'sellTable', component: SellTableComponent }


];

@NgModule({
declarations: [
  AppComponent,SellTableComponent
 ],
imports: [
BrowserModule, HttpModule, FormsModule,
RouterModule.forRoot(appRoutes), ReactiveFormsModule,HotTableModule.forRoot() ,
 HttpClientModule, HotTableModule, 
CommonModule,MatTableModule,MatSortModule,MatTableDataSource
],
bootstrap: [AppComponent]
})
export class AppModule { }

Answer 1

您不应该将其导入到应用程序模块中，只需直接在 component.ts 文件中导入并使用它

如果这不能解决问题

可能是版本兼容性问题，就像我一样我很可能需要将“@angular/material”和“@angular/cdk”更新为“5.0.0-rc.2”，这解决了我的问题

只需查看哪个版本与您的需要和使用兼容