NullInjectorError:没有 InjectionToken DocumentToken 的提供者

Eri*_*ric 6 angular

我正在为所有 Angular 5 项目设置一个通用库。库是 GitHub 存储库Angular-library-starter-kit的克隆。

一切正常,直到我尝试使用HttpClientModule(的继承者HttpModule)。

以下是我的library.module.ts文件的内容:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { HttpModule } from '@angular/http';
import { HttpClientModule } from '@angular/common/http';
import { MyService } from './my-service';

export * from './my-service';

@NgModule({
  imports: [
    CommonModule,
    HttpModule,
    HttpClientModule
  ],
  exports: [
  ],
  declarations: [
  ],
  providers: [
      MyService
  ],
})
export class LibraryModule { }
Run Code Online (Sandbox Code Playgroud)

以下是my-service.ts(这是库中唯一的文件)的内容:

import { Injectable } from "@angular/core";
import { HttpClient } from "@angular/common/http";
import { Observable } from "rxjs/Observable";

@Injectable()
export class MyService {

    constructor(private httpClient: HttpClient) {
        //
    }

    getData(): Observable<any> {
        return this.httpClient.get<any>('test.json');
    }

}
Run Code Online (Sandbox Code Playgroud)

该库构建时没有任何错误,但是当我尝试在新的 Angular 5 应用程序 ( ) 中使用它时,ng new myApp它给出了一个错误:

AppComponent_Host.ngfactory.js? [sm]:1 ERROR Error: StaticInjectorError(AppModule)[HttpXsrfTokenExtractor -> InjectionToken DocumentToken]: 
  StaticInjectorError(Platform: core)[HttpXsrfTokenExtractor -> InjectionToken DocumentToken]: 
    NullInjectorError: No provider for InjectionToken DocumentToken!
    at _NullInjector.get (core.js:994)
    at resolveToken (core.js:1292)
    at tryResolveToken (core.js:1234)
    at StaticInjector.get (core.js:1102)
    at resolveToken (core.js:1292)
    at tryResolveToken (core.js:1234)
    at StaticInjector.get (core.js:1102)
    at resolveNgModuleDep (core.js:10847)
    at _createClass (core.js:10888)
    at _createProviderInstance$1 (core.js:10858)
Run Code Online (Sandbox Code Playgroud)

我什至尝试过在 Angular 5 应用程序中导入模块HttpModuleHttpClientModule但遇到了同样的错误。

我也尝试HttpModule从应用程序和库中删除,但仍然出现相同的错误。

我使用两者的原因HttpModuleHttpClientModule因为显然 HttpClientModule仍然取决于HttpModule工作。 我了解到这不是真的。

我该如何解决这个问题?

注意:新的应用程序工作得很好,ng serve直到我添加LibraryModule到它的imports.

Eri*_*ric 5

我对GitHub Issue 的阅读很差。显然,在使用本地库时,您必须--preserve-symlinksng serve.

ng serve --preserve-symlinks
Run Code Online (Sandbox Code Playgroud)

此外,如果只有库依赖于它,则HttpModule不需要在任何地方导入,也不需要在应用程序内部导入。HttpClientModule