угловой материал 2 ошибка конфигурации

Question

Угловой материал 2 используя cli. Когда я устанавливаю @ angular/material и включаю его в app.module, компилятор через 3 предупреждения.

, что я сделал

НПМ установки --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' 

Ошибка на ведение 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

С официального documentation, вы должны импортировать каждый модуль. Я импортирую все сразу в процессе разработки, но без .forRoot() и отлично работает:

imports: [ 
    MaterialModule, 
    ],