Búsqueda de sitios web

typescript - err:NG 8001 mat-paginator no es un elemento conocido en Angular 16


Estoy tratando de agregar angular/material al proyecto angular 16. Para eso he creado app.module.ts y mycomponent.module.ts y mycomponent.component.html. Al intentar ejecutar 'ng serve' aparece el siguiente error:

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]" />

Importado así como exportado el MatPaginatorModule en app.module.ts

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

imports: [ 

MatPaginatorModule ],
exports: [ 

MatPaginatorModule ],

schemas : [CUSTOM_ELEMENTS_SCHEMAS],

De manera similar importado en mycomponent.module.ts como se muestra a continuación

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

html se declara en mycomponent.component.html

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

hacer todo esto en 'ng serve' lanza el error anterior

Respuesta #1

Parece que tu declaración de importación para matPaginator tiene un error.

debería ser

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

y no

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

Artículos relacionados