'mat-select' is not a known element when making build in angular 5

user_9312205 0
Viewed 14742

I am using lazy loading in my Angular 5 project and I have a shared module in which all the material components are imported and I use this shared module in my other module for material modules.

All components are working fine in development mode but when I make build for production it shows error that 'mat-select' is not a known element without showing any line number.

I have imported shared module in my components that are using angular material and also in my app.component.ts file. I searched everywhere but no luck.

angular5 angular-material production-environment
2 Answers

Add below in your respective module.

import { MatSelectModule } from '@angular/material';

and MatSelectModule in imports.

user_89670030

For newer versions of Angular (I'm on Angular 11):

import {MatSelectModule} from '@angular/material/select';

see MatSelectModule API for more information.

user_148617220
Related