导入 Angular 材质模块时出错答案

【问题标题】：Error importing Angular Material Module导入 Angular 材质模块时出错
【发布时间】：2018-11-15 16:38:58
【问题描述】：

我试图将 Angular Material 添加到我的 Angular 项目中，但总是遇到这个特定错误。

我已经添加了

import {MatDialogModule} from '@angular/material/dialog'

@NgModule({
  declarations: [
   ...
  ],
  imports: [
   ...
   MatDialogModule

进入我的 app.module.ts

在这里我想知道每次我尝试导入材料模块时我做错了什么，错误说所有其他模块都没有找到

【问题讨论】：

分享你的 package.json
codeshare.io/29VZ74 在这里，我已经尝试过 npm install @angular/material --save ，或者手动将依赖项添加到包 json 中。已编辑，因为我过早地按了输入
我无法访问您的链接，请使用您的 package.json 更新您的问题
如果您的角度版本为 5，请使用相同的材料版本，请参阅this 他们提供了一个工作堆栈闪电检查依赖项部分，如果您的角度版本为 6，则相应地调整您的 package.json检查this 并做同样的事情
您可以安装特定版本的材料npm install --save @angular/material@5.2.4和npm install --save @angular/animations@5.2.11

标签： angular angular-material

【解决方案1】：

好吧，@Vikas 似乎在评论部分回答了我的问题。结果当我通过 npm 安装我的材料模块时，它会自动尝试安装最新版本的材料模块。就我而言，它不起作用，因为当 npm 尝试安装角度材料 v6^ 时，我仍在使用角度 5。因此，为什么在我尝试通过 npm 安装它之后，这个警告会出现在终端中 >> npm WARN @angular/material@6.2.1 requires a peer of @angular/core@>=6.0.0-beta.0

【讨论】：

【解决方案2】：

您需要安装材料模块npm install --save @angular/material @angular/cdk，然后在您的 app.module.ts 文件中声明如下

import {MatDialogModule} from "@angular/material";

@NgModule({
    declarations: [
        ...
        CourseDialogComponent
    ],
    imports: [
        ...
        MatDialogModule
    ],
    providers: [
       ...
    ],
    bootstrap: [AppComponent],
    entryComponents: [CourseDialogComponent]
})
export class AppModule {
}

【讨论】：

我已经这样做了。对不起，我没有为我的问题提供足够的信息
你可以从这里得到参考stackblitz.com/edit/dialog-example?file=app%2Fapp.module.ts
结果当我尝试 npm install --save @angular/material 时，npm 显示 npm WARN @angular/material@6.2.1 requires a peer of @angular/core@> =6.0.0-beta.0 。这是否意味着我需要将我的角度版本更新到 v.6？有没有办法安装材料模块以匹配我当前的 Angular 版本，因为我担心如果我更新我的 Angular 版本，我的一些代码将无法正常工作
你使用哪个版本的角度？