Azure Pipeline构建报错：无法解析interceptor模块及服务失效问题

问题背景 #

自定义拦截器模块代码如下：

@NgModule({
  declarations: [
    interceptorComponent
  ],
  imports: [
    HttpClientModule,
    MsalAuthModule
  ],
  providers: [
    MsalInterceptorService
  ],
  exports: [
    interceptorComponent
  ]
})
export class interceptorModule { }

主项目模块最初使用非相对路径导入：

import { interceptorModule } from 'interceptor'; 
// VS Code自动生成的导入

@NgModule({
  declarations: [ ],
  imports: [ interceptormodule ],
  providers: [Msalservice]
})

本地运行正常，但Azure Pipeline构建时提示无法找到interceptor模块；改用相对路径导入后构建成功，但拦截器服务无法正常工作：

import {interceptormodule} from '../intercept/interceptormodule'

核心原因 #

1. 非相对路径构建失败：本地VS Code能识别interceptor模块，是因为依赖了tsconfig.json中的paths配置，但Azure Pipeline的CI环境未同步该配置，导致模块路径无法解析。
2. 相对路径导入后服务失效：代码中存在大小写不匹配问题——类名是interceptorModule（驼峰），但导入和模块声明时写成了全小写的interceptormodule。Windows系统大小写不敏感，本地运行不受影响，但CI环境（通常为Linux，大小写敏感）会导致实际导入的模块无效，依赖注入找不到对应服务。

解决步骤 #

1. 修复大小写匹配问题

确保导入语句、模块引用的大小写与实际类名完全一致：

// 修正后的相对路径导入
import { interceptorModule } from '../intercept/interceptorModule';

@NgModule({
  declarations: [],
  imports: [interceptorModule], // 这里必须和类名大小写一致
  providers: [MsalService] // 同时修正Msalservice为MsalService
})

2. 配置TS路径支持非相对导入（可选）

如果偏好使用非相对路径导入，需在tsconfig.json中添加paths配置，让CI环境能正确解析模块：

{
  "compilerOptions": {
    "baseUrl": "./src", // 根目录根据项目结构调整
    "paths": {
      "interceptor": ["app/intercept/interceptorModule"] // 对应实际文件路径
    }
  }
}

确保Azure Pipeline的构建步骤中，tsconfig.json未被修改或忽略。

3. 检查服务依赖注入配置

• 确认MsalInterceptorService已添加@Injectable()装饰器，若未设置providedIn: 'root'，则必须在interceptorModule的providers数组中正确声明。
• 主模块导入interceptorModule后，无需重复声明MsalService，避免依赖注入冲突。

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