Angular 14升级后遇TS2724错误：NgModuleFactoryLoader不存在

• 问题根源：Angular 14正式移除了在Angular 10就已标记为废弃的NgModuleFactoryLoader API，项目中仍有代码引用这个已被移除的成员，触发类型检查错误。

• 修复步骤：

  1. 全局搜索项目中所有引用NgModuleFactoryLoader的文件（通常出现在路由懒加载逻辑、自定义模块加载代码中）。
  2. 替换API并调整逻辑：
     • 将NgModuleFactoryLoader替换为NgModuleFactory，同时改用Angular 8+推荐的动态import语法实现模块加载。
     • 代码示例替换：
       旧代码（可能的写法）：

       import { NgModuleFactoryLoader } from '@angular/core';
       
       constructor(private loader: NgModuleFactoryLoader) {}
       
       loadTargetModule() {
         this.loader.load('./modules/target#TargetModule').then(factory => {
           // 模块工厂处理逻辑
         });
       }
       

       替换为：

       import { NgModuleFactory } from '@angular/core';
       
       async loadTargetModule() {
         const module = await import('./modules/target');
         const factory: NgModuleFactory<any> = module.TargetModule;
         // 模块工厂处理逻辑
       }
       

  3. 检查第三方依赖：若错误来自第三方库，确认该库是否兼容Angular 14。不兼容的话，升级库到适配版本或更换替代库。
  4. 清理并更新依赖：

     rm -rf node_modules package-lock.json
     npm install
     

  5. 重新执行ng serve验证问题是否解决。

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