Angular 从8.2到9.1的角度更新-->；角度材料误差：'；mat单选按钮'；不是已知元素

我刚刚执行了一次角度更新，从那时起，我一直收到关于角度材质的以下错误消息：

组件语言ChangeComponent的模板中发生错误。src /app/common/language change/language-change.component.html:9: 9-错误NG8001：“mat单选按钮”不是已知元素：

如果“mat单选按钮”是一个角度组件，则确认它是该模块的一部分

如果“mat单选按钮”是一个Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schemas” 以抑制此消息

我认为模块已正确导入，但错误消息不会消失。我做错了什么

该组件如下所示（模板）：

以下是my package.json的摘录：

  "dependencies": {
    "@angular/animations": "^9.1.12",
    "@angular/cdk": "^9.2.4",
    "@angular/common": "~9.1.12",
    "@angular/compiler": "~9.1.12",
    "@angular/core": "~9.1.12",
    "@angular/flex-layout": "^9.0.0-beta.31",
    "@angular/forms": "~9.1.12",
    "@angular/material": "^9.2.4",
    "@angular/platform-browser": "~9.1.12",
    "@angular/platform-browser-dynamic": "~9.1.12",
    "@angular/router": "~9.1.12",
    "@auth0/angular-jwt": "^5.0.1",
    "@azure/msal-angular": "^1.0.0",
    "@juggle/resize-observer": "^3.2.0",
    "@microsoft/signalr": "^3.1.8",
    "@ngx-translate/core": "^12.1.2",
    "@ngx-translate/http-loader": "^4.0.0",
    "angular-gridster2": "^8.3.0",
    "angular-resize-event": "^1.2.1",
    "azure-maps-control": "^2.0.26",
    "classlist.js": "^1.1.20150312",
    "lodash": "^4.17.15",
    "moment": "^2.29.0",
    "msal": "^1.3.2",
    "ng-dynamic-component": "^5.0.6",
    "ngx-json-viewer": "^2.4.0",
    "ngx-simple-modal": "^1.4.11",
    "rxjs": "~6.5.2",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.2"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.901.12",
    "@angular/cli": "~9.1.12",
    "@angular/compiler-cli": "~9.1.12",
    "@angularclass/hmr": "^2.1.3",
    "@compodoc/compodoc": "^1.1.9",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "@types/lodash": "^4.14.155",
    "@types/node": "^12.11.1",
    "@types/webpack-env": "^1.14.0",
    "codelyzer": "^5.1.2",
    "cpx": "^1.5.0",
    "jasmine-core": "~3.5.0",
    "jasmine-reporters": "^2.3.2",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~5.0.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-cli": "~2.0.0",
    "karma-coverage-istanbul-reporter": "~2.1.0",
    "karma-jasmine": "~3.0.1",
    "karma-jasmine-html-reporter": "^1.4.2",
    "karma-junit-reporter": "^1.2.0",
    "protractor": "~7.0.0",
    "protractor-console-plugin": "^0.1.1",
    "puppeteer": "^1.17.0",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "~3.8.3"
  }

---

您是否删除了

node\u modules

文件夹并再次运行了

npm i

。。我应该这样做吗？当涉及到这些问题时，我认为ngcc没有正常运行，触发这种情况的一种方法是重新安装againI，然后重新安装。不幸的是，它没有工作-我仍然收到相同的错误消息：(

import { CommonModule } from '@angular/common';
import { LanguageChangeComponent } from './language-change.component';
import { MySideBarModule } from '@my-sidebar/core';
import { FormsModule } from '@angular/forms';
import { TranslateModule } from '@ngx-translate/core';
import { MatRadioModule } from '@angular/material/radio';

@NgModule({
  imports: [
    CommonModule,
    MySideBarModule,
    MatRadioModule,
    FormsModule,
    TranslateModule
  ],
  declarations: [
    LanguageChangeComponent
  ],
  exports: [
    LanguageChangeComponent
  ]
})
export class LanguageChangeModule { }

  "dependencies": {
    "@angular/animations": "^9.1.12",
    "@angular/cdk": "^9.2.4",
    "@angular/common": "~9.1.12",
    "@angular/compiler": "~9.1.12",
    "@angular/core": "~9.1.12",
    "@angular/flex-layout": "^9.0.0-beta.31",
    "@angular/forms": "~9.1.12",
    "@angular/material": "^9.2.4",
    "@angular/platform-browser": "~9.1.12",
    "@angular/platform-browser-dynamic": "~9.1.12",
    "@angular/router": "~9.1.12",
    "@auth0/angular-jwt": "^5.0.1",
    "@azure/msal-angular": "^1.0.0",
    "@juggle/resize-observer": "^3.2.0",
    "@microsoft/signalr": "^3.1.8",
    "@ngx-translate/core": "^12.1.2",
    "@ngx-translate/http-loader": "^4.0.0",
    "angular-gridster2": "^8.3.0",
    "angular-resize-event": "^1.2.1",
    "azure-maps-control": "^2.0.26",
    "classlist.js": "^1.1.20150312",
    "lodash": "^4.17.15",
    "moment": "^2.29.0",
    "msal": "^1.3.2",
    "ng-dynamic-component": "^5.0.6",
    "ngx-json-viewer": "^2.4.0",
    "ngx-simple-modal": "^1.4.11",
    "rxjs": "~6.5.2",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.2"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.901.12",
    "@angular/cli": "~9.1.12",
    "@angular/compiler-cli": "~9.1.12",
    "@angularclass/hmr": "^2.1.3",
    "@compodoc/compodoc": "^1.1.9",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "@types/lodash": "^4.14.155",
    "@types/node": "^12.11.1",
    "@types/webpack-env": "^1.14.0",
    "codelyzer": "^5.1.2",
    "cpx": "^1.5.0",
    "jasmine-core": "~3.5.0",
    "jasmine-reporters": "^2.3.2",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~5.0.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-cli": "~2.0.0",
    "karma-coverage-istanbul-reporter": "~2.1.0",
    "karma-jasmine": "~3.0.1",
    "karma-jasmine-html-reporter": "^1.4.2",
    "karma-junit-reporter": "^1.2.0",
    "protractor": "~7.0.0",
    "protractor-console-plugin": "^0.1.1",
    "puppeteer": "^1.17.0",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "~3.8.3"
  }