Angular抽象类构造函数编译报错：无法解析MyService参数

这个问题是Angular依赖注入（DI）系统里的常见坑，我来给你拆解下原因和解决办法：

问题根源 #

1. 抽象类缺少@Injectable装饰器：你的BaseService是抽象类，但Angular的DI系统需要通过@Injectable来识别类的构造函数依赖，没有这个装饰器，DI没法处理父类的HttpClient注入请求。
2. 子类未调用父类构造函数传递依赖：MyService继承了BaseService，但没有在自己的构造函数里调用super()并传入HttpClient，导致DI不知道怎么给父类提供必要的依赖。

修复步骤 #

第一步：给BaseService添加@Injectable装饰器 #

修改baseservice.ts，补充@Injectable，同时完善get方法（原来的get()没有传url，实际调用会报错）：

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable()
export abstract class BaseService{
  constructor(private http: HttpClient){}

  // 补充url参数，符合HttpClient.get的调用规范
  get(url: string) { 
    return this.http.get(url); 
  }
}

第二步：子类构造函数调用super传递依赖 #

修改myservice.ts，在构造函数里注入HttpClient并传给父类的super()，同时推荐用providedIn: 'root'来注册服务（更符合Angular的最佳实践）：

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { BaseService } from './baseservice';

@Injectable({
  providedIn: 'root'
})
export class MyService extends BaseService{
  // 注入HttpClient，然后传给父类构造函数
  constructor(http: HttpClient) {
    super(http);
  }

  getSource() { 
    // 调用父类的get方法，传入实际的API地址
    return this.get('https://your-api-endpoint.com/source');
  }
}

额外说明 #

• 为什么要给抽象类加@Injectable？因为即使是抽象类，当子类继承它时，Angular的DI会沿着继承链解析依赖，父类必须被DI系统识别才能正确注入依赖。
• 子类构造函数必须调用super()，而且要在构造函数的第一行，这是TypeScript继承的规则，同时也是Angular DI传递依赖的必要步骤。

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