Question

角度材料2使用cli。当我安装@ 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 { }

其他设置

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'

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

角度材料配置错误和警告请帮我弄清楚

1 个答案: