Angular注入服务时报This constructor was not compatible with DI错误如何解决

你遇到的依赖注入错误完全来自 UserService 的构造函数参数配置不符合Angular DI规则：
Angular依赖注入体系仅能注入被@Injectable标记、或配置了对应注入令牌的Angular托管服务。你在UserService的构造函数中传入了两个非可注入对象：

• 普通模型类User
• 基础类型string（对应avatar参数）
  这两个参数都没有对应的DI注册信息，Angular在实例化UserService时找不到对应依赖，就会抛出「构造函数不兼容依赖注入」的错误。
  另外你在header.component.ts中额外添加的providers:[UserService]属于冗余配置：你已经给UserService设置了providedIn: 'root'，默认就是全局单例，不需要在组件中重复注册，重复注册只会生成组件级独立实例，没有特殊需求可以直接删除。

1. 将UserService中不需要DI注入的参数移出构造函数，改为普通类属性，需要赋值时手动调用方法设置即可，修改后参考代码：

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import { User } from '../model/user.model';

@Injectable({
   providedIn: 'root' 
})
export class UserService {
    private user?: User;
    private avatar?: string;

    constructor(private http: HttpClient) { 
    }  

    // 新增手动设置用户信息的方法
    setUserInfo(user: User, avatar: string): void {
        this.user = user;
        this.avatar = avatar;
    }

    // 其余原有业务方法保持不变
    userLogout(): Observable<any> {
        // 原有登出逻辑
    }
}

2. 删除header.component.ts中@Component配置项里的providers:[UserService]，避免冗余注册。
   修改完成后重启服务即可解决报错。

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