遭遇NullInjectorError: No provider for Auth错误，寻求解决方案

报错详情 #

NullInjectorError: No provider for Auth

相关信息说明 #

• 报错情况：控制台输出NullInjectorError，提示缺少Auth服务的提供者
• app.module状态：未在providers数组中声明Auth服务，仅导入了部分模块
• InicioPage注入方式：在组件构造函数中直接注入了Auth服务实例

已尝试操作 #

在iniciopage.module.ts的providers数组中添加了Auth，但报错依旧。

1. 给Auth服务添加正确的注入装饰器
   打开Auth服务文件，确保顶部添加@Injectable()装饰器并配置全局作用域：

   import { Injectable } from '@angular/core';
   
   @Injectable({
     providedIn: 'root' // 全局提供服务，无需在模块中手动声明
   })
   export class Auth {
     // 服务逻辑代码
   }
   

   配置后Angular会自动在整个应用中提供该服务的单例实例。

2. 检查模块封装的导入与导出（若适用）
   若Auth服务封装在自定义AuthModule中，需完成以下配置：

   • 在AuthModule的providers数组中声明Auth服务
   • 在AuthModule的exports数组中导出Auth服务
   • 确保AuthModule被导入到app.module.ts的imports数组内

3. 移除重复的服务声明
   若已给Auth服务配置providedIn: 'root'，请删除iniciopage.module.ts和app.module.ts中providers数组里的Auth声明，避免出现服务实例冲突。

4. 验证组件的模块归属
   确认InicioPage已在iniciopage.module.ts的declarations数组中声明，若组件被注册到其他模块，当前模块的providers配置不会生效。

5. 清理项目缓存
   执行以下命令清理Angular缓存后重启项目，解决缓存导致的依赖注入异常：

   ng cache clean
   ng serve
   

内容的提问来源于stack exchange，提问作者Pedro Luis Rodriguez