角度材料2使用cli . 当我安装@ angular / material并将其包含在app.module中时，编译器会通过3个警告 .
我做了什么
npm install --save @ angular / material
.....other imports
import { MaterialModule } from '@angular/material';
@NgModule({
declarations: [
AppComponent
],
imports: [
MaterialModule.forRoot(),other imports...
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
其他设置
styles.css的
@import'~@angular/material/core/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'
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)
1 回答
从官方documentation开始，您应该导入每个模块 . 我在开发过程中一次导入所有内容，但没有.forRoot（），并且工作正常：