关于“not a known element”、“not a known property of”的数十个错误

Question

我继承了一个 Angular 项目，ng build 产生了几十个错误。错误类似于“不知道元素”和“不知道...的属性”。

我首先完成了 npm install 以确保所有模块都在那里。

以下是一些错误：

"'mat-icon' 不是已知元素",
"没有找到与 exportAs 'ngModel' 相关的指令",
“无法绑定到 'ngModel'，因为它不是 'input' 的已知属性”，
"'mat-form-field' 不是已知元素", “'mat-toolbar' 不是已知元素”，
“无法绑定到 'selected'，因为它不是 'mat-chip' 的已知属性”，
'mat-chip-list' 不是已知元素”，“'mat-tab' 不是已知元素”。

似乎大多数错误都与材料库有关。我的 app.module.ts 是：

import { MaterialModule } from './material'; 
import { MatBadgeModule } from '@angular/material/badge'; 
import { MatChipsModule } from '@angular/material/chips';
import { MatDialogModule } from '@angular/material/dialog'; 
import { MatExpansionModule } from '@angular/material/expansion'; 
import { MatFormFieldModule } from '@angular/material/form-field'; 
import { MatInputModule } from '@angular/material/input'; 
import { MatMomentDateModule } from '@angular/material-moment-adapter'; 
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner'; 
import { MatRadioModule } from '@angular/material/radio';

这些的导入包含：

MaterialModule,
MatBadgeModule,
MatChipsModule,
MatDialogModule,
MatExpansionModule,
MatFormFieldModule,
MatInputModule,
MatMomentDateModule,
MatProgressSpinnerModule,
MatRadioModule,

有没有什么方法可以一举搞定每个材质子模块？还有其他想法吗？

Answer 1

请跑

npx npm@latest i --force

在合并其他代码后，建议也运行 npm i。