Question

我已经将Angular从版本8更新到了9。我注意到在app.module.ts中，以下内容已从

更改为

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

收件人

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

现在，我在ng build上遇到以下错误。

如果“ mat-radio-button”是Angular组件，则请验证它是否属于此模块。

如果“ mat-radio-button”是Web组件，则将“ CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“ @ NgModule.schemas” 禁止显示此消息。

我尝试将CUSTOM_ELEMENTS_SCHEMA或NO_ERRORS_SCHEMA添加到应用模块中没有任何运气。

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

会有什么问题？谢谢！

更新：

我在这里发现了类似的问题： Angular compilation fails after upgrade to Angular v9 and enabling 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

Angular 9中无法识别单选按钮

1 个答案: