Angular 13项目中Angular Materials、PrimeNG等UI框架运行报错求助

算力阿峰

2026-8-7

解决Angular 13中UI框架运行报错问题

你遇到的Generic type 'ɵɵDirectiveDeclaration' required 6 type argument(s)错误，核心原因是安装的Angular Material、PrimeNG版本与Angular 13不兼容。这些UI框架的新版本通常适配更高版本的Angular（如14+），而Angular 13内部的ɵɵDirectiveDeclarationAPI参数数量和高版本不一致，导致运行时类型校验失败。

以下是具体解决步骤：

先检查当前已安装的UI库版本，执行命令：
```
npm list @angular/material primeng
```
确认版本是否为13.x.x系列，若高于13则说明版本不匹配。
卸载当前不兼容的版本，重新安装适配Angular 13的指定版本：
- 安装Angular Material对应版本：
```
npm install @angular/material@13 @angular/cdk@13 --save
```
- 安装PrimeNG对应版本（需搭配适配的PrimeIcons）：
```
npm install primeng@13 primeicons@5 --save
```
清理依赖缓存并重新安装所有依赖，避免残留冲突：
```
rm -rf node_modules package-lock.json
npm install
```
（Windows系统替换为rmdir /s /q node_modules && del package-lock.json）
检查app.module.ts中的导入语句，确保没有引入高版本UI库才新增的模块，若有则移除或替换为Angular 13兼容的模块。
重启Angular开发服务器，验证报错是否消失。