Successful compilation but blank web page

0
votes

i am new to Angular and i have encountered a blank web page and the following error despite my application compiling successfully.

ERROR in src/app/app.module.ts:7:129 - error TS2306: File 'C:/Users/----------/news-app/node_modules/@angular/material/index.d.ts' is not a module.

7 import { MatButtonModule, MatCardModule, MatMenuModule, MatToolbarModule, MatIconModule, MatSidenavModule, MatListModule } from '@angular/material';

1
angular-material
Welcome to SO! I think you could improve your chances of getting an answer with a minimal reproducible example - DCTID

1 Answers

0
votes

In Angualar 9 material components can no longer be imported from @angular/material.

Use the individual secondary entry-points, such as @angular/material/button for MatButtonModule

https://github.com/angular/components/issues/17503