2017-09-27 19 views
6

मैं सामग्री UI फ्रेमवर्क का उपयोग कर नए कोणीय 4 एप्लिकेशन बनाने रहा है मैं के रूप में दिए गए चरणों का पालन किया:।। https://material.angular.io/guide/getting-startedकोणीय 4 में सामग्री संकलित करने में असमर्थ, देता है:/सामग्री "कोई निर्यात सदस्य 'MaterialModule

लेकिन जब i 'NPM स्टार्ट' कर रहा हूँ, यह संकलन करने में विफल रहता है और कहते हैं: 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'

त्रुटि स्क्रीनशॉट:।

when compiling getting this error

यह मेरा 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" 
    } 
} 

कृपया किसी भी शरीर मुझे पता है कि समस्या क्या इस त्रुटि उत्पन्न कर रहा है दे सकते हैं? और इसके लिए सबसे अच्छा समाधान क्या है? धन्यवाद।

+0

तरह कोणीय सामग्री के लिए व्यक्तिगत मॉड्यूल ऐसा लगता है कि, 'आयात करने के लिए MaterialModule' कोशिश कर रहे हैं जब बजाय आप अलग-अलग आइटम आयात किया जाना चाहिए' MdCheckboxModule' या 'MdInputModule' आदि .. –

+0

कृपया सामग्री चेंजलॉग पढ़ें https://github.com/angular/material2/releases/tag/2.0.0-beta.11 – yurzui

+0

धन्यवाद दोस्तों ... मैंने एक नया एनजी मॉड्यूल बनाया जो सभी भौतिक घटकों को आयात करता है। फिर मॉड्यूल को app.module.ts में जोड़ा गया। अभी ठीक काम कर रहा है। :) –

उत्तर

4

MaterialModule संस्करण 2.0.0-beta.3 में मूल्यह्रास हुआ था और यह संस्करण 2.0.0-beta.11 में पूरी तरह से हटा दिया गया है। अधिक जानकारी के लिए यह CHANGELOG देखें। कृपया ब्रेकिंग बदलावों के माध्यम से जाओ।

सामग्री मॉड्यूल हटा दिया गया है और अब उपलब्ध नहीं है। बीटा 3 के लिए चेंजलॉग में के रूप में उल्लेख किया गया है, सामग्री मॉड्यूल जैसे एक समग्र मॉड्यूल उपकरण को अप्रयुक्त घटकों और मॉड्यूल को ट्रेशैक करने में सक्षम होने से रोकता है।

आपको अपने ऐप में उनका उपयोग करने के लिए व्यक्तिगत सामग्री घटक मॉड्यूल शामिल करने की आवश्यकता है।

+0

धन्यवाद .. अभी ठीक काम कर रहा है :) –

0

आयात इस

import { matButtonModule,matCardModule,matMenuModule,matToolbarModule,matIconModule,matSelectModule } from '@angular/material'; 
संबंधित मुद्दे