Angular 5通用库集成HttpClientModule遇NullInjectorError问题求助

这个错误我之前也踩过坑，根源在于库模块不应该自行导入HttpClientModule——HttpClient相关服务依赖平台特定的注入令牌（比如DocumentToken，对应浏览器环境的document对象），而库在构建阶段无法获取这些平台级依赖，只有运行在具体平台（比如浏览器）的应用模块才能提供完整的依赖链。

具体解决步骤： #

1. 修改库的LibraryModule，移除冗余模块导入
   库只需要依赖CommonModule即可，HttpModule和HttpClientModule都应该由使用库的应用来导入，以此保证依赖上下文的正确性。

   修改后的library.module.ts：

   import { NgModule } from '@angular/core';
   import { CommonModule } from '@angular/common';
   import { MyService } from './my-service';
   export * from './my-service';
   
   @NgModule({
    imports: [
     CommonModule
    ],
    exports: [],
    declarations: [],
    providers: [ MyService ],
   })
   export class LibraryModule { }
   

2. 在应用的AppModule中导入HttpClientModule
   确保你的应用主模块（比如AppModule）负责导入HttpClientModule，这样应用运行时会自动提供HttpClient所需的所有平台依赖：

   import { BrowserModule } from '@angular/platform-browser';
   import { NgModule } from '@angular/core';
   import { HttpClientModule } from '@angular/common/http';
   
   import { AppComponent } from './app.component';
   import { LibraryModule } from 'your-library-name'; // 替换为你的库实际名称
   
   @NgModule({
     declarations: [
       AppComponent
     ],
     imports: [
       BrowserModule,
       HttpClientModule, // 必须在此处导入
       LibraryModule
     ],
     providers: [],
     bootstrap: [AppComponent]
   })
   export class AppModule { }
   

3. 确保库的依赖版本兼容
   检查库的package.json中的peerDependencies配置，保证它与应用使用的Angular 5版本匹配，避免版本冲突引发的隐式问题：

   "peerDependencies": {
     "@angular/core": "^5.0.0",
     "@angular/common": "^5.0.0",
     "rxjs": "^5.5.0"
   }
   

问题本质解释： #

HttpClientModule中的服务（比如HttpXsrfTokenExtractor）依赖InjectionToken DocumentToken，这个令牌是由Angular的平台模块（比如BrowserModule）在浏览器环境中提供的。如果库自行导入HttpClientModule，这些服务会在库的模块上下文里初始化，此时无法获取到平台提供的DocumentToken，就会抛出NullInjectorError。让应用模块负责导入HttpClientModule，就能保证所有依赖都在正确的平台上下文里被解析。

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