2016-12-29 148 views
5

使用cli的角材料2。当我安装@ angular/material并将其包含在app.module中时,编译器通过3个警告。角材料2配置错误

我就是这样做

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' 

错误上运行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) 

回答

0

从官方documentation,你应该导入每个模块。我在开发过程中一次性全部导入,但没有.forRoot(),并且工作正常:

imports: [ 
    MaterialModule, 
    ],