Angular 未捕获错误：意外指令'；角材料'；由模块导入'；MyMaterialModule'；。请添加@NgModule注释。角度5

我一直有这个错误

未捕获错误：模块“MaterialModule”导入了意外的指令“MatPaginator”。请添加@NgModule注释

这是我的材料模块

import { NgModule, ViewChild } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MatPaginator, MatSort, MatTableDataSource,MatButtonModule, 
MatTableModule } from '@angular/material';

@NgModule({
    imports: [MatButtonModule,MatTableModule,
              MatPaginator, MatSort, 
              MatTableDataSource],
    exports: [MatButtonModule,MatTableModule,MatPaginator, MatSort, 
             MatTableDataSource],
})
export class MaterialModule { }

这是我的应用程序模块

...
import { MaterialModule } from './material.module';


@NgModule({
  declarations: [
     ...

  ],
  imports: [
    ...
    MaterialModule,
    ...
  ],
  providers: [...],
  bootstrap: [ AppComponent]
})
export class AppModule { }

这也是我的观点

<div class="example-container mat-elevation-z8">
   <div class="example-header">
     <mat-form-field>
      <input matInput (keyup)="applyFilter($event.target.value)" 
    placeholder="Filter">
    </mat-form-field>
  </div>

名称
{{user.name}
电子邮件
{{user.email}
电话
{{user.phone}
公司
{{user.company.name}

---

我把它从我怎么能修理它

我也有同样的问题。我将

@NgModule

中的

MatPaginatorModule

导入到imports数组中。 它解决了我的问题。我希望它也适用于您。

const MaterialModules=[ MatButtonModule， Mattoolbar模块， Maticon模块， MatDialogModule， MatCardModule， matpaginatromodule ]

这些是模块，我从材料中导入和导出模块，但不是单个组件或按钮等。。（最广义）

---

我相信MatPaginator模块是您需要导入的模块，它将为您的案例提供所有必需的指令或组件

您正在导入MatPaginator模块，而不是导入MatPaginator请导入MatPaginator模块。有同样的问题，这一个工作为我

比如：

// material.module.ts

import { NgModule } from '@angular/core';
import { MatTableModule } from '@angular/material/table';
import { MatPaginatorModule } from '@angular/material/paginator';

@NgModule({
    imports: [
        MatTableModule,
        MatPaginatorModule
    ],
    exports: [
        MatTableModule,
        MatPaginatorModule
    ]
})

export class MaterialModule { }

---

您应该导入MatPaginator模块，但您正在导入MatPaginator，在MaterialModule中更改它，就完成了

---

Saludos。

我将导入

MatPaginatorModule

我已经导入了它，但是如果您从

imports

中删除

MatPaginator

，仍然会出现错误？是的，我将更新从角材料文档中获取的位置

// material.module.ts

import { NgModule } from '@angular/core';
import { MatTableModule } from '@angular/material/table';
import { MatPaginatorModule } from '@angular/material/paginator';

@NgModule({
    imports: [
        MatTableModule,
        MatPaginatorModule
    ],
    exports: [
        MatTableModule,
        MatPaginatorModule
    ]
})

export class MaterialModule { }