CODEWITHSUNDEEP
angular7angular-material-7
Ruvishka Rathnayake
Ruvishka Rathnayake

Reputation: 21

Cant export a mat module from material.module 'it was neither declared nor imported'

I am trying to export a module from my material.module.ts while creating a mat table. But it doesn't display anything when I run the localhost as it gives the following error. How can I fix this out?

Uncaught Error: Can't export directive MatPaginator from MaterialModule as it was neither declared nor imported!

material.module.ts


import {NgModule} from '@angular/core';
import {
  MatAutocompleteModule,
  MatBadgeModule,
  MatBottomSheetModule,
  MatButtonModule,
  MatButtonToggleModule,
  MatCardModule,
  MatCheckboxModule,
  MatGridListModule,
  MatIconModule,
  MatInputModule,
  MatListModule,
  MatMenuModule,
  MatTableDataSource,
  MatPaginatorModule,
  MatRadioModule,
  MatTableModule,
  MatPaginator,
} from '@angular/material';

@NgModule({
  exports: [
  MatAutocompleteModule,
  MatBadgeModule,
  MatBottomSheetModule,
  MatButtonModule,
  MatButtonToggleModule,
  MatCardModule,
  MatCheckboxModule,
  MatGridListModule,
  MatIconModule,
  MatInputModule,
  MatListModule,
  MatMenuModule,
  MatTableDataSource,
  MatPaginatorModule,
  MatRadioModule,
  MatTableModule,
  MatPaginator,
  ]
})
export class MaterialModule {}

Upvotes: 1

Views: 6484

Answers (1)

G. Tranter
G. Tranter

Reputation: 17918

exports: [ ...
MatPaginator ]

You export modules - not directives, components etc. MatPaginator is not a module so it can't be exported. You also export MatPaginatorModule which is what you need.

Upvotes: 2

Related Questions