升级Angular 15后构建项目出现PopperJS TS2344类型约束错误

AI 小北

2026-8-9

解决Angular 15升级后@popperjs类型约束错误

清理依赖缓存并重新安装
删除旧依赖文件后重新安装，避免缓存导致的版本冲突：
```
rm -rf node_modules package-lock.json
npm install
```
若使用Yarn：
```
rm -rf node_modules yarn.lock
yarn install
```
定位并修复间接依赖的popperjs版本
先查看依赖树找到调用popperjs的深层包：
```
npm ls @popperjs/core
```
若发现依赖包使用的popperjs版本与Angular 15不兼容，可通过版本锁定强制使用兼容版本：
- 在package.json中添加npm overrides：
```
"overrides": {
  "@popperjs/core": "^2.11.8"
}
```
- 若用Yarn则添加resolutions：
```
"resolutions": {
  "@popperjs/core": "^2.11.8"
}
```
添加后重新执行依赖安装命令。
临时跳过库类型检查
若以上方法无效，可在tsconfig.json中开启跳过库类型检查，快速绕过构建错误：
```
"compilerOptions": {
  "skipLibCheck": true
}
```
注意这是临时方案，建议后续仍优先修复依赖版本问题。
统一Angular核心依赖版本
确保所有Angular核心包版本一致，避免版本差异引发的依赖冲突：
```
ng update @angular/core @angular/cli
```