Angular 14 git mv迁移后路由导航触发NullInjectorError求助

这个错误本质是Angular找不到某个依赖的注入对象，git mv只是移动了文件，但Angular的模块引用、路径关联不会自动更新，大概率是路径、模块配置或依赖注入的问题，按以下步骤排查：

1. 检查所有导入路径的正确性 #

git mv移动文件后，组件、模块中的相对导入路径很容易出错：

• 打开LoginContainerComponent、LoginClassicModule、LoginModule等涉及迁移的文件，逐个检查import语句的路径，确保层级（../、../../）和文件名拼写正确。
• 比如如果把login-classic文件夹移动到了login目录下，原本的import { LoginClassicConnectionComponent } from '../login-classic/...'可能要改成import { LoginClassicConnectionComponent } from './login-classic/...'。
• 一旦路径错误，Angular加载不到对应的类，就会在注入时抛出[object Object]的模糊错误。

2. 验证模块的声明/导入/导出配置 #

• 检查LoginClassicModule的declarations数组，确认LoginClassicConnectionComponent已经被声明；如果这个组件需要在其他模块（比如LoginModule）中使用，还要确保它被加入到LoginClassicModule的exports数组里。
• 检查LoginModule是否正确导入了LoginClassicModule，AppModule是否正确导入了LoginModule（如果是根路由的话）。如果路由用了懒加载loadChildren，确认模块的路径是否正确，比如loadChildren: () => import('./login/login.module').then(m => m.LoginModule)。

3. 排查依赖注入的服务问题 #

如果LoginClassicConnectionComponent的构造函数依赖了某个服务：

• 检查该服务的import路径是否正确，有没有因为文件移动导致路径错误。
• 确认服务的@Injectable()装饰器配置正确：如果用providedIn: 'root'，确保服务类没有拼写错误；如果是在模块的providers数组中提供，确认该模块已经被正确导入。
• 排查是否存在循环依赖，比如服务依赖组件，组件又依赖服务，这种情况也会导致注入失败。

4. 检查路由配置的组件引用 #

打开路由配置文件，找到“login-AA”对应的路由项：

• 确认component属性引用的是正确的组件类，有没有因为导入路径错误导致组件是undefined。
• 如果是懒加载路由，确认loadChildren的模块路径正确，模块中的路由配置也没有问题。

5. 清理Angular缓存与重建 #

有时候缓存会残留旧的路径信息，执行以下操作：

• 运行ng clean清理Angular缓存。
• 删除node_modules文件夹和package-lock.json（或yarn.lock），然后执行npm install重新安装依赖。
• 重新构建项目ng build，再启动开发服务ng serve测试。

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