Angular 4中新增BodyComponent后出现参数解析失败问题求助

这个错误 Can't resolve all parameters for BodyComponent: (?, [object Object], [object Object]) 本质是Angular的依赖注入系统无法识别你组件构造函数里的第一个参数类型，通常有以下几种常见原因和对应的解决办法：

1. 构造函数中的依赖未正确标记或提供 #

首先检查你的BodyComponent构造函数，看看第一个参数对应的服务/依赖是否满足以下条件：

• 该依赖类是否添加了@Injectable()装饰器？Angular需要这个装饰器来识别可注入的服务。
• 这个依赖是否在你的模块（比如app.module.ts或者Shared模块）的providers数组中注册了？如果是Shared模块导出的服务，要确保Shared模块已经正确导入并提供了这些服务。

举个例子，如果你的BodyComponent构造函数是这样的：

constructor(
  private myCustomService: MyCustomService,
  private restService: GlobalRestService,
  private httpService: HttpService
) {}

那你需要确认MyCustomService是否有@Injectable()：

import { Injectable } from '@angular/core';

@Injectable()
export class MyCustomService {
  // ...服务逻辑
}

同时要在对应的模块的providers里添加它：

@NgModule({
  providers: [MyCustomService, GlobalRestService, HttpService]
})
export class AppModule {}

2. 检查TypeScript配置 #

确保你的tsconfig.json中开启了依赖注入所需的元数据编译选项：

{
  "compilerOptions": {
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true
    // ...其他配置
  }
}

这两个选项是Angular依赖注入系统正常工作的基础，如果关闭了，Angular无法推断参数的类型信息。

3. 排查循环依赖问题 #

如果你的BodyComponent和某个服务之间存在循环依赖（比如组件依赖服务，服务又依赖组件），也会导致这种参数解析失败的问题。可以通过forwardRef来解决这种情况，比如：

import { forwardRef, Inject } from '@angular/core';

constructor(
  @Inject(forwardRef(() => MyCustomService)) private myCustomService: MyCustomService,
  private restService: GlobalRestService,
  private httpService: HttpService
) {}

4. 确认依赖的导入路径正确 #

检查BodyComponent中对第一个参数的导入是否正确，有没有拼写错误，或者导入的是一个未定义的类型。比如如果导入路径写错了，Angular会无法识别这个依赖的类型。

按照以上步骤排查，应该能解决你遇到的参数解析问题。

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