Ошибка импорта модуля угловых материалов

Question

я пытаюсь добавить Angular Material в свой Angular проект, но всегда получаю эту конкретную ошибку.

Я уже добавил

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

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

вmy app.module.ts

И вот мне интересно, что я сделал не так, когда каждый раз, когда я пытался импортировать модуль материала, ошибка говорит, что все остальные модули не найдены

Answer 1

Хорошо, кажется, @Vikas ответил на мой вопрос в разделе комментариев.Оказывается, когда я устанавливаю мой модуль материала через npm, он автоматически пытается установить последнюю версию модуля материала.В моем случае это не сработало, потому что я все еще использую угловые 5, когда npm пытается установить угловой материал v6 ^.Следовательно, почему это предупреждение появляется в терминале после того, как я пытаюсь установить его через npm >> npm WARN @ angular / material @ 6.2.1 требует однорангового соединения @ angular / core @> = 6.0.0-beta.0 <7.0.0 но ни один не установлен.Вы должны установить одноранговые зависимости самостоятельно. </strong>

Answer 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 {
}