Angular中typeof MsalService无法赋值给MsalService参数的问题求解

错误原因 #

你写的const myObject = new TokenService(MsalService);里，传给TokenService构造函数的是MsalService这个类本身（类型为typeof MsalService），但TokenService的构造函数要求的是已经实例化完成的MsalService对象，不是类的引用，这就是类型不匹配的根源。

解决方案 #

情况1：用Angular依赖注入实现（推荐）

Angular是依赖注入框架，这是最符合Angular生态的做法：

1. 确保项目中已经正确导入并配置MsalModule，MsalService已被Angular的DI容器管理
2. 调整TokenService的构造函数，通过DI注入MsalService：

   import { Injectable } from '@angular/core';
   import { MsalService } from '@azure/msal-angular';
   
   @Injectable({ providedIn: 'root' })
   export class TokenService {
     constructor(private msalService: MsalService) {}
   
     // 你的业务方法示例
     getAccessToken() {
       return this.msalService.instance.acquireTokenSilent(...);
     }
   }
   

3. 在需要使用TokenService的组件/服务中，同样通过DI注入使用，无需手动new：

   import { Component } from '@angular/core';
   import { TokenService } from './token.service';
   
   @Component({...})
   export class YourComponent {
     constructor(private tokenService: TokenService) {
       // 直接调用服务方法
       const token = this.tokenService.getAccessToken();
     }
   }
   

情况2：手动实例化（仅特殊场景使用）

如果必须手动创建实例，需要先实例化MsalService（传入它所需的配置参数），再将实例传给TokenService：

import { MsalService, MsalConfiguration } from '@azure/msal-angular';
import { TokenService } from './token.service';

// 配置MsalService参数
const msalConfig: MsalConfiguration = {
  auth: {
    clientId: '你的客户端ID',
    authority: '你的权限地址'
  }
};

// 创建MsalService实例
const msalInstance = new MsalService(msalConfig);

// 用实例创建TokenService
const myObject = new TokenService(msalInstance);

注意 #

Angular中尽量避免手动实例化服务，依赖注入会自动处理服务的单例模式、生命周期管理，手动创建容易导致重复实例、配置不一致等问题。

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