Error while trying to load a mat-table with angular 6

Question

Starting with Angular 6. When trying to create a table, based on an example I picked up, I started having the following problem. I added in my module main, these lines:

import { MatInputModule, MatPaginatorModule, MatProgressSpinnerModule, 
         MatSortModule, MatTableModule } from '@angular/material';

and in the section Imports I also added, as below:

imports: [
    BrowserModule,
    FormsModule,
    BrowserAnimationsModule,
    HttpClientModule,
    MatInputModule,
    MatTableModule,
    MatPaginatorModule,
    MatSortModule,
    MatProgressSpinnerModule
  ],

Well, it turns out on that line I have the following mistake:

from '@angular/material';

[ts] Cannot find module@angular/material'.

And also in the Imports, gives error in these two guys

BrowserAnimationsModule,
HttpClientModule,

So what I did. I went to package json. of the application and added this line:

"@angular/material": "^6.0.3",

well, anyway the error persists. Has anyone ever gone through this and managed to resolve? I’m searching but so far no conclusive answer.

Answer 1

Through the documentation of the angular material each import has its own path. This is to try to be as modular as possible. For example:

import {MatInputModule} from '@angular/material/input';