Радиокнопка не распознается в Angular 9

Question

Я обновил Angular с версии 8 до 9. Я заметил, что в app.module.ts следующее изменилось с

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

на

import { MatRadioModule } from '@angular/material/radio';

Теперь я получаю следующую ошибку при сборке ng.

1. Если 'mat-radio-button' является компонентом Angular, то убедитесь, что он является частью этого модуля.
2. Если 'mat-radio-button' является веб-компонентом, то добавьте 'CUSTOM_ELEMENTS_SCHEMA' к '@ NgModule.schemas' этого компонента, чтобы подавить это сообщение.

Я безуспешно пытался добавить CUSTOM_ELEMENTS_SCHEMA или NO_ERRORS_SCHEMA в модуль приложения.

import { NO_ERRORS_SCHEMA } from '@angular/core';
schemas: [NO_ERRORS_SCHEMA]

В чем будет проблема? Спасибо !!

Обновление:

Я обнаружил похожую проблему здесь: Angular Компиляция завершается неудачно после обновления до Angular v9 и включения Ivy

Answer 1

Проблема в том, что вы используете <mat-radio-button></mat-radio-button> в модуле, где MatRadioModule не импортируется.

Во-первых, вам нужно добавить angular/material и angular/cdk в качестве зависимостей к вашему проект.

Чтобы правильно импортировать MatRadioModule, убедитесь, что он импортирован в модуль, где вы используете <mat-radio-button></mat-radio-button>

Как это:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { AppComponent } from './app.component';
import { MatRadioModule } from '@angular/material/radio';

@NgModule({
  imports:      [ BrowserModule, FormsModule, MatRadioModule ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

Сейчас Я могу использовать его в своем шаблоне следующим образом: (в пределах AppModule)

<mat-radio-button></mat-radio-button>

Пример: https://stackblitz.com/edit/angular-c8kmds

Убедитесь, что вы выполнили все эти шаги и убедитесь, что MatRadioModule импортировано справа Module