0

Começando com Angular 6. Ao tentar criar uma table, baseado em um exemplo que peguei, comecei a ter o seguinte problema. Acrescentei em meu module principal, essas linhas:

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

e na seção imports acrescentei também, conforme abaixo:

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

Bem, acontece que nessa linha tenho o seguinte erro:

from '@angular/material';

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

E também nos imports, dá erro nesses dois caras

BrowserAnimationsModule,
HttpClientModule,

Então o que eu fiz. Fui no package.json da aplicação e acrescentei essa linha:

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

bem, de qualquer forma persiste o erro. Alguém já passou por isso e conseguiu resolver? Estou pesquisando, mas até agora nenhuma resposta conclusiva.

5
  • bem, acabei de achar um link e vou testar a resposta dos caras e ver o que acontece.
    – pnet
    2/07/2018 às 22:55
  • Chegasse a dar um npm install após inserir a linha no package.json ? 2/07/2018 às 22:59
  • @LucasBrogni, sim fiz isso agora. Não resolveu, mas não reiniciei o VS Code. Vou fazer isso agora. Fiz: npm install --save @angular/material
    – pnet
    2/07/2018 às 23:02
  • fiz agora npm install --save @angular/material @angular/cdk vou ver se resolveu
    – pnet
    2/07/2018 às 23:04
  • ainda persiste, mesmo reiniciando o VS Code
    – pnet
    2/07/2018 às 23:05

1 Resposta 1

1

Pela documentação do angular material cada import tem seu próprio path. Isso pra tentar ser o mais modular possível. Por Exemplo:

import {MatInputModule} from '@angular/material/input';
5
  • Eduardo, como eu fiz assim os imports: import { MatInputModule, MatPaginatorModule, MatProgressSpinnerModule, MatSortModule, MatTableModule } from '@angular/material'; devo fatiar um por vez?
    – pnet
    3/07/2018 às 13:03
  • isso de cada um deles 3/07/2018 às 13:11
  • 1
  • So ver a tab api de cada componente 3/07/2018 às 13:15
  • Reinstalei o @angular/material e desta vez ele funcionou. E não sei porque ontem não, ontem eu dei um npm install g @angular/material --save e hoje eu removi o g. Acho que foi isso.
    – pnet
    3/07/2018 às 13:35

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .