执行ng build时部分Angular包出现构建错误求助

问题根源：依赖版本不兼容 #

• Angular核心包版本混乱：你的项目里@angular/animations是11.0.0，但其他核心依赖（@angular/core、@angular/common等）都是10.2.5，跨大版本的依赖差异会直接引发编译冲突。
• 第三方库适配性不足：angular2-text-mask@9.0.0是为Angular9开发的版本，在Angular10+（尤其是开启Ivy编译器的情况下）容易出现兼容性问题，比如缺少Ivy所需的编译元数据。

分步修复操作 #

1. 统一Angular核心依赖版本
   修改package.json中的@angular/animations版本，和其他核心包保持一致：

   "@angular/animations": "~10.2.5",
   

   然后删除旧依赖文件并重新安装：

   rm -rf node_modules package-lock.json
   npm install
   

2. 升级/替换不兼容的第三方库

   • 针对angular2-text-mask，直接升级到适配Angular10的版本：

     npm install angular2-text-mask@10.0.0 --save
     

     如果升级后仍有问题，建议替换为更适配新版本Angular的库，比如ngx-mask。
   • 检查其他第三方库（如@angular-slider/ngx-slider）的版本是否支持Angular10，必要时调整对应版本号。

3. 适配Ivy编译器
   你的项目已开启Ivy，部分旧库可能不支持该编译器。可以在tsconfig.json中添加配置跳过库类型检查：

   "angularCompilerOptions": {
     "enableIvy": true,
     "skipLibCheck": true
   }
   

4. 清理缓存后重新构建
   执行命令清理Angular构建缓存，再尝试构建：

   ng clean
   ng build
   

内容的提问来源于stack exchange，提问作者manish_jsohi_1996