कोणीय सामग्री 2 विन्यास त्रुटि

Question

क्ली का उपयोग कर कोणीय सामग्री 2। जब मैं @ कोणीय/सामग्री स्थापित करता हूं और इसे app.module में शामिल करता हूं, संकलक 3 चेतावनियों के माध्यम से।

क्या मैं

NPM स्थापित --save @ कोणीय/सामग्री

.....other imports 

import { MaterialModule } from '@angular/material'; 

@NgModule({ 

    declarations: [ 
    AppComponent 
    ], 

    imports: [ 
    MaterialModule.forRoot(),other imports... 
    ], 

    providers: [], 
    bootstrap: [AppComponent] 
}) 

export class AppModule { } 

अतिरिक्त सेटअप

styles.css

@import '~ @ कोणीय/सामग्री/कोर किया /theming/prebuilt/deeppurple-amber.css ';

index.html

... 
    <script src="https://ajax.googleapis.com/ajax/libs/hammerjs/2.0.8/hammer.min.js"></script> 
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 
... 

चेतावनी

1. WARNING in ./~/@angular/material/module.js 
64:4 export 'ProjectionModule' was not foun 
d in './core/index' 
2. WARNING in ./~/@angular/material/module.js 
89:16 export 'ProjectionModule' was not fou 
nd in './core/index' 
3. WARNING in ./~/@angular/material/dialog/ind 
ex.js 
21:75 export 'Platform' was not found in '. 
./core' 

त्रुटि आधिकारिक documentation से http://localhost:4200/

Uncaught TypeError: Cannot read property 'prototype' of undefined 
    at __extends (snack-bar-container.js:4) 
    at snack-bar-container.js:28 
    at Object.<anonymous> (snack-bar-container.js:122) 
    at __webpack_require__ (bootstrap 9ff6af8…:52) 
    at Object.<anonymous> (snack-bar-ref.js:70) 
    at __webpack_require__ (bootstrap 9ff6af8…:52) 
    at Object.<anonymous> (menu.js:40) 
    at __webpack_require__ (bootstrap 9ff6af8…:52) 
    at Object.<anonymous> (icon.js:264) 
    at __webpack_require__ (bootstrap 9ff6af8…:52) 

Answer 1

चलाने पर, आप प्रत्येक मॉड्यूल आयात करना चाहिए। मैं विकास प्रक्रिया के दौरान एक बार में सभी आयात कर रहा हूं, लेकिन .forRoot() के बिना, और ठीक काम करता है:

imports: [ 
    MaterialModule, 
    ],