Angular 4.4升级至5.2后DialogService参数解析失败求助

这个错误Uncaught Error: Can't resolve all parameters for DialogService: (?, ?, ?)是因为你的DialogService同时使用了@Injectable()和@Component()装饰器——服务只需要@Injectable()装饰器，@Component()是给组件类用的。Angular 5对装饰器的校验比Angular 4更严格，所以这种不规范的写法在升级后直接暴露了问题。

具体修复步骤： #

1. 移除DialogService上的@Component装饰器
   把服务类上的@Component()装饰器完全删掉，只保留@Injectable()，让Angular明确这是一个可注入的服务。修改后的代码示例：

   import { Injectable } from '@angular/core';
   import { MatDialog, MatDialogConfig, MatDialogRef } from '@angular/material';
   import { ConfirmService } from './confirm.service';
   import { GuideService } from '../guides/guides.service';
   
   @Injectable()
   export class DialogService {
     constructor(
       private dialog: MatDialog,
       private confirmService: ConfirmService,
       private guideService: GuideService
     ) {}
   
     // 你的服务逻辑方法...
   }
   

2. 确保DialogService在模块中注册
   打开你的根模块（比如AppModule）或者对应的功能模块，将DialogService添加到providers数组中，让Angular的依赖注入系统能找到它：

   import { NgModule } from '@angular/core';
   import { DialogService } from './path-to-your-service/dialog.service';
   import { ConfirmService } from './confirm.service';
   import { GuideService } from '../guides/guides.service';
   // 其他必要导入...
   
   @NgModule({
     declarations: [/* 组件声明 */],
     imports: [/* 模块导入，比如MatDialogModule */],
     providers: [
       DialogService,
       ConfirmService,
       GuideService
     ]
   })
   export class AppModule { }
   

3. 检查依赖服务的合法性
   错误里的三个问号对应MatDialog、ConfirmService、GuideService：

   • MatDialog需要确保你已经在模块中导入了MatDialogModule；
   • ConfirmService和GuideService也必须是标记了@Injectable()的服务，并且同样在模块的providers中注册，否则也会导致参数无法解析。

为什么升级后才出现这个问题？ #

Angular 5增强了对装饰器的验证逻辑，在Angular 4中可能没有严格校验服务类上的@Component装饰器，但升级后这种不符合规范的写法就会触发依赖注入错误。

内容的提问来源于stack exchange，提问作者Shifali singla