1
resposta

Erro ao levantar o projeto angular material

Boa tarde.

baixei o projeto https://github.com/Angular2Latinoamerica/NgMaterial.git executei o comando npm install e depois ng server,

WARNING in ./src/app/app.module.ts
31:12-27 "export 'MdSidenavModule' was not found in '@angular/material'

WARNING in ./src/app/app.module.ts
32:12-27 "export 'MdToolbarModule' was not found in '@angular/material'

WARNING in ./src/app/app.module.ts
33:12-26 "export 'MdButtonModule' was not found in '@angular/material'

WARNING in ./src/app/app.module.ts
34:12-24 "export 'MdIconModule' was not found in '@angular/material'

WARNING in ./src/app/app.module.ts

O corre erro de compilação em todos os componentes do angular material


import {
      MdSidenavModule,
      MdToolbarModule,
      MdButtonModule,
      MdIconModule,
      MdTooltipModule,
      MdButtonToggleModule,
      MdMenuModule,
      MdCardModule,
      MdInputModule,
      MdDatepickerModule,
      MdNativeDateModule,
      MdCheckboxModule,
      MdRadioModule,
      MdSelectModule,
      MdSlideToggleModule,
      MdTabsModule,
      MdChipsModule,
      MdProgressSpinnerModule,
      MdProgressBarModule,
      MdDialogModule,
      MdSnackBarModule
      } from '@angular/material';
ERROR in /home/claudemir/fonte/angular/NgMaterial/src/app/app.component.ts (3,10): Module '"/home/claudemir/fonte/angular/NgMaterial/node_modules/@angular/material/material"' has no exported member 'MdDialog'.

ERROR in /home/claudemir/fonte/angular/NgMaterial/src/app/app.component.ts (3,20): Module '"/home/claudemir/fonte/angular/NgMaterial/node_modules/@angular/material/material"' has no exported member 'MdDialogRef'.

ERROR in /home/claudemir/fonte/angular/NgMaterial/src/app/app.component.ts (3,33): Module '"/home/claudemir/fonte/angular/NgMaterial/node_modules/@angular/material/material"' has no exported member 'MdSnackBar'.

ERROR in /home/claudemir/fonte/angular/NgMaterial/src/app/app.module.ts (9,7): Module '"/home/claudemir/fonte/angular/NgMaterial/node_modules/@angular/material/material"' has no exported member 'MdSidenavModule'.

ERROR in /home/claudemir/fonte/angular/NgMaterial/src/app/app.module.ts (10,7): Module '"/home/claudemir/fonte/angular/NgMaterial/node_modules/@angular/material/material"' has no exported member 'MdToolbarModule'.

Alguém poderia me orientar como resolver esse problema ?

1 resposta

Oii Claudemir, tudo bem?

Fiz um teste aqui e me deparei com o mesmo problema. Dei uma pesquisada e encontrei o porquê. A última versão do Angular Material teve todos seus componentes renomeados. Foi substituído o prefixo md por mat. Por isto que as referências às classes dos componentes estão perdidas.

O que você deve fazer? Ajustar o prefixo de todas as referências (imports, e tags) dos componentes do Material, dentro da pasta do projeto (pasta app).

Nesta discussão no repositório do Angular Material tem o problema reportado e como as pessoas estão fazendo para resolver a questão do "encontrar" e "substituir".

E bom, fica aí uma grande oportunidade para você contribuir para este projeto Angular2Latinoamerica/NgMaterial , submetendo um Pull Request para o respositório para que atualizem :)

Espero ter ajudado, bom trabalho! Abraços