Angular Material 配置错误和警告请帮我弄清楚

Question

使用 cli 的 Angular Material 2。当我安装 @angular/material 并将其包含在 app.module 中时，编译器会收到 3 个警告。

我做了什么

npm install --save @angular/material

其他进口

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

@NgModule({

  declarations: [
    AppComponent
  ],

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

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

export class AppModule { }

其他设置

样式.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'

运行错误 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,
  ],