子类通过super传递变量未解析，DataService参数解析失败求助

这个错误我之前在Angular项目里也踩过坑，大概率是依赖注入（DI）的参数配置逻辑出了问题——你的DataService基类需要子类传入URL，但Angular的DI系统默认没法自动识别原始类型（比如string）的依赖，所以才会出现第一个参数显示?、第二个参数能正常识别为HttpClient的情况。我给你梳理几个核心排查方向和解决办法：

1. 先检查DataService构造函数的依赖声明 #

首先看你的DataService构造函数是不是类似下面这种写法：

constructor(private url: string, private http: HttpClient) { }

Angular的DI系统只会自动解析带有装饰器标记的依赖（比如HttpClient这种内置服务），像string这种原始类型，DI根本不知道该从哪里获取值，自然会出现无法解析的?。

2. 用注入令牌+工厂提供者传递子类的URL #

要让子类能自定义传入URL，得借助Angular的注入令牌和工厂提供者来明确告诉DI该提供什么值：

• 第一步：定义一个注入令牌，用来标记URL参数

  import { InjectionToken } from '@angular/core';
  export const API_URL = new InjectionToken<string>('API_URL');
  

• 第二步：修改DataService的构造函数，用@Inject绑定令牌

  import { Inject } from '@angular/core';
  import { HttpClient } from '@angular/common/http';
  
  export class DataService {
    constructor(@Inject(API_URL) private url: string, private http: HttpClient) { }
    // 你的业务方法...
  }
  

• 第三步：子类通过useFactory来传递自定义URL

  import { Injectable } from '@angular/core';
  import { HttpClient } from '@angular/common/http';
  import { DataService, API_URL } from './data.service';
  
  @Injectable({
    providedIn: 'root',
    useFactory: (http: HttpClient) => new UserDataService('https://api.example.com/users', http),
    deps: [HttpClient] // 声明工厂依赖的服务
  })
  export class UserDataService extends DataService {
    constructor(url: string, http: HttpClient) {
      super(url, http);
    }
  }
  

3. 排查基础配置问题 #

• 确认HttpClientModule已经导入到你的根模块（比如AppModule）里，不然第二个参数HttpClient也会解析失败：

  import { HttpClientModule } from '@angular/common/http';
  
  @NgModule({
    imports: [HttpClientModule],
    // ...其他配置
  })
  export class AppModule { }
  

• 如果DataService不是providedIn: 'root'，要确保在对应模块的providers数组里正确配置依赖，包括注入令牌的提供者。

4. 排除循环依赖问题 #

如果DataService和子类之间存在循环引用（比如互相导入），也可能导致DI解析失败。可以检查一下导入关系，必要时用forwardRef来解决循环依赖。

核心思路就是：Angular的DI不能自动处理原始类型参数，必须通过注入令牌或者工厂方法明确告知DI该提供的值，这样子类自定义的URL才能被正确传递到基类里。

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