安装Angular Material后执行ng serve遇模块构建失败求助

问题分析 #

从报错信息和项目依赖清单来看，核心问题有两点：

• Angular核心版本为13.x，但@angular/cdk版本是11.x，版本不匹配引发依赖冲突，干扰第三方库编译流程
• 当前使用的ngx-print@1.2.0-beta.5版本不兼容Angular 13的编译规范，触发babel打包错误

解决方案步骤 #

• 升级Angular CDK到匹配版本
  执行命令将CDK升级到与Angular 13兼容的版本：

  npm install @angular/cdk@^13.0.0 --save
  

• 升级ngx-print到兼容Angular 13的版本
  替换为支持Angular 13的稳定版本：

  npm install ngx-print@^2.0.0 --save
  

• 清理并重新安装依赖

  1. 删除旧依赖文件：

     # Linux/macOS
     rm -rf node_modules package-lock.json
     # Windows
     rmdir /s /q node_modules && del package-lock.json
     

  2. 重新安装依赖：

     npm install
     

• 验证修复
  启动项目检查是否解决报错：

  ng serve
  

补充说明 #

Angular Material与Angular CDK版本必须严格对齐，否则会引发底层依赖冲突，进而影响其他第三方库的编译流程。同时，第三方库需要使用对应Angular主版本的兼容版本，避免因语法或API差异导致打包失败。

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