错误：NG 8001 mat-paginator 不是 Angular 16 中的已知元素

Question

我正在尝试将 Angular/Material 添加到 Angular 16 项目中 为此，我创建了 app.module.ts 和 mycomponent.module.ts & mycomponent.component.html。 尝试运行“ngserve”，给出以下错误-

l:3:9 - error NG8001: 'mat-paginator' is not a known element:
1. If 'mat-paginator' is an Angular component, then verify that it is part of this module.
2. If 'mat-paginator' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3         <mat-paginator #paginator [pageSizeOptions]="[5,10,15]" />

在 app.module.ts 中导入和导出 MatPaginatorModule

import {mport { MatPaginatorModule } from '@angular/material/paginator';}
@NgModule({

imports: [ 

MatPaginatorModule ],
exports: [ 

MatPaginatorModule ],

schemas : [CUSTOM_ELEMENTS_SCHEMAS],

类似地导入到 mycomponent.module.ts 中，如下所示

import {mport { MatPaginatorModule } from '@angular/material/paginator';}

html 在 mycomponent.component.html 中声明

<mat-paginator #paginator 
               [length]="100" 
               [pageSize]="10" 
               [pageSizeOptions]="[5, 10, 25, 100]">
</mat-paginator>

在“ng发球”上完成所有这些，抛出错误

Answer 1

看起来您的

matPaginator

的导入声明有错误。

应该是

import { MatPaginatorModule } from '@angular/material/paginator';}

而不是

import {mport { MatPaginatorModule } from '@angular/material/paginator';}