web-dev-qa-db-fra.com

Impossible de compiler le matériau dans Angular 4, donne:/matériel "n'a aucun membre exporté

Je crée une nouvelle application Angular 4 à l'aide de Material UI Framework. J'ai suivi les étapes indiquées comme suit: https://material.angular.io/guide/getting-started .

Mais quand je fais 'npm start', il ne parvient pas à compiler et dit: ERROR in /home/programoholic/workspace/heroapp/src/app/app.module.ts (3,10): Module '"/home/programoholic/workspace/heroapp/node_modules/@angular/material/material"' has no exported member 'MaterialModule'.

Capture d'écran d'erreur: 

lors de la compilation en obtenant cette erreur

voici mon fichier Package.Json: 

{
  "name": "heroapp",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^4.2.4",
    "@angular/cdk": "^2.0.0-beta.11",
    "@angular/common": "^4.2.4",
    "@angular/compiler": "^4.2.4",
    "@angular/core": "^4.2.4",
    "@angular/forms": "^4.2.4",
    "@angular/http": "^4.2.4",
    "@angular/material": "^2.0.0-beta.11",
    "@angular/platform-browser": "^4.2.4",
    "@angular/platform-browser-dynamic": "^4.2.4",
    "@angular/router": "^4.2.4",
    "core-js": "^2.4.1",
    "hammerjs": "^2.0.8",
    "rxjs": "^5.4.2",
    "zone.js": "^0.8.14"
  },
  "devDependencies": {
    "@angular/cli": "1.4.2",
    "@angular/compiler-cli": "^4.2.4",
    "@angular/language-service": "^4.2.4",
    "@types/hammerjs": "^2.0.35",
    "@types/jasmine": "~2.5.53",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "codelyzer": "~3.1.1",
    "jasmine-core": "~2.6.2",
    "jasmine-spec-reporter": "~4.1.0",
    "karma": "~1.7.0",
    "karma-chrome-launcher": "~2.1.1",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~3.2.0",
    "tslint": "~5.3.2",
    "TypeScript": "~2.3.3"
  }
}

S'il vous plaît, tout organisme peut-il me dire quel problème est à l'origine de cette erreur? Et quelle est la meilleure solution pour cela? Merci. 

angularangular-material2
8
programoholic

MaterialModule a été amorti dans la version 2.0.0-beta.3 et a été complètement supprimé de la version 2.0.0-beta.11. Voir ceci CHANGELOG pour plus de détails. S'il vous plaît passer par les changements de rupture. 

Le MaterialModule a été supprimé et n'est plus disponible. Comme indiqué dans le changelog pour beta.3, un module d'agrégat tel que MaterialModule empêche les outils d'être en mesure de saccager les composants inutilisés et modules.

Vous devez inclure des modules de composants matériels individuels pour pouvoir les utiliser dans votre application. 

6
Faisal

Importez les modules individuels pour le matériel angulaire comme ceci 

import { matButtonModule,matCardModule,matMenuModule,matToolbarModule,matIconModule,matSelectModule } from '@angular/material';
1
shadrack Mwangi