web-dev-qa-db-ja.com

Angular 6-NullInjectorError：ユニットテストでHttpClientのプロバイダーがありません

次のように、サービスでHttpClientをインポートして使用しています。

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable({
    providedIn: 'root',
})
export class MyService {
    constructor(private http: HttpClient) { }

    getData() {
        return this.http.get("url...");
    }
}

ただし、単体テストに対してng testを実行すると、それらのテストがサービスを使用すると、エラーが発生します：

Error: StaticInjectorError(DynamicTestModule)[HttpClient]: StaticInjectorError(Platform: core)[HttpClient]: NullInjectorError: No provider for HttpClient!

HTTPに関するAngular 6のドキュメント は、上記で行ったことを実行するよう指示しているだけです。

angularkarma-jasmineangular-test
7
Kingamere
import { TestBed } from '@angular/core/testing';
import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
import {HttpClientModule} from '@angular/common/http';
import { myService } from './myservice';


describe('myService', () => {

      beforeEach(() => TestBed.configureTestingModule({
        imports: [HttpClientTestingModule], 
        providers: [myService]
      }));

       it('should be created', () => {
        const service: myService = TestBed.get(myService);
        expect(service).toBeTruthy();
       });

       it('should have getData function', () => {
        const service: myService = TestBed.get(myService);
        expect(service.getData).toBeTruthy();
       });

    });
12
user9964622

コンポーネントが宣言されているモジュールのインポートにHttpClientを追加する必要があります

@NgModule({
  declarations: [
    MyComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule
  ],
  providers: []
})
export class AppModule { }
3
Derviş Kayımbaşıoğlu