Angular从11降级至9版本后出现核心包报错如何解决

当前报错的核心诱因是package.json存在大量Angular生态包跨大版本错配。降级过程中仅修改了@angular/core、@angular/common等核心框架的版本，未同步对齐配套的工具链、UI生态包版本，导致包解析时出现导出缺失、API不兼容的控制台报错。
对照当前配置可直接定位3类硬伤：

• @angular/cdk 配置为^10.2.4。CDK要求和Angular主版本严格1:1对齐，跨大版本一定会触发核心包导出缺失，10.2.4版本的CDK依赖Angular 10的内部API，和项目全局使用的Angular 9.1.9完全不兼容
• @angular-devkit/build-angular 配置为^0.1102.1。这是Angular 11专属的构建工具，和Angular 9配套的编译器、CLI运行时逻辑完全不匹配，启动时就会直接报核心工具链错误
• 多个第三方UI依赖的版本默认适配Angular 10+：ngx-spinner@^10.0.1、@ng-select/ng-select@^5.0.1、ngx-toastr@^13.1.0，这类依赖会在运行时主动查找高版本Angular的核心导出，直接触发控制台报错

1. 彻底清理旧依赖残留 #

仅删除node_modules无法清除本地缓存里的高版本Angular包，需全量清理缓存和锁文件，避免安装时拉到残留的旧版本包：

# 项目根目录执行
rm -rf node_modules package-lock.json
npm cache clean --force

2. 对齐所有依赖到Angular 9.1.9的兼容版本 #

直接修改package.json中所有错配的包版本，严格匹配同大版本要求，不要用模糊的版本范围跨大版本安装：

• 替换Angular生态工具链版本：
  • @angular/cdk 从^10.2.4 修改为 ~9.2.4
  • @angular-devkit/build-angular 从^0.1102.1 修改为 ~0.901.15
• 替换第三方依赖的兼容版本：
  • ngx-spinner 从^10.0.1 修改为 ~9.0.2
  • @ng-select/ng-select 从^5.0.1 修改为 ~4.2.0
  • ngx-toastr 从^13.1.0 修改为 ~11.3.3

3. 锁版本安装依赖并验证配置 #

安装时指定严格版本匹配，避免自动拉取跨大版本的包：

npm install --save-exact

安装完成后执行版本校验命令，确认所有Angular相关包主版本完全统一：

ng version

只要输出中所有@angular/*开头的包版本为9.1.x、CDK版本为9.2.x、构建工具版本为0.901.x，即说明版本对齐完成，正常启动即可。 #

如果执行完上述步骤仍存在核心包报错，可通过逐行注释的方式定位问题：

• 临时移除第三方依赖的模块引用，启动项目后定位具体是哪个依赖触发了导出缺失
• 对所有Angular生态相关的包，不要使用^这类会自动拉取次新高版本的版本规则，严格绑定同大版本的小版本号，避免自动升级到不兼容的高版本

内容的提问来源于stack exchange，提问作者Suraj Kumar Nanda