How can I solve Angular module import problem?

Question

It's working

import { MatButtonModule } from '@angular/material/button'
import { MatMenuModule } from '@angular/material/menu'

Not Working

import { MatButtonModule,MatMenuModule } from '@angular/material'

Why do you think it would be?

How are you saying it is not working do you get any errors?? If so edit the question with relevant details.. — Maniraj Murugan
– Maniraj Murugan, Commented Mar 11, 2020 at 9:13
@ManirajMurugan I think it makes no sense. Error Message: ERROR in src/app/materials/materials.module.ts:3:46 - error TS2306: File '......../Projects/aviyiva/node_modules/@angular/material/index.d.ts' is not a module. 3 import { MatButtonModule,MatMenuModule} from '@angular/material' — AOK
– AOK, Commented Mar 11, 2020 at 9:15
You can look at the example here stackblitz.com/edit/angular-6-material-starter-76hgza it is working fine only.. — Maniraj Murugan
– Maniraj Murugan, Commented Mar 11, 2020 at 9:21
Yes with Angular 9, you will have to import each component separately. This is a major change they introduced. — Sunny Parekh
– Sunny Parekh, Commented Mar 11, 2020 at 9:34

SeleM · Accepted Answer · 2020-03-11 09:36:19Z

3

That's no longer supported in Angular's 9th version.

Components can no longer be imported through "@angular/material". Use the individual secondary entry-points, such as @angular/material/button.

Source: git issue and changelog

answered Mar 11, 2020 at 9:36

SeleM

9,6885 gold badges36 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1