Jasmin + karma：“错误：模块'DynamicTestModule'导入了意外的值'HttpClient'。请添加@NgModule批注。”

Question

我使用茉莉花作为测试框架，使用业力作为测试运行程序。我正在尝试创建HttpClient对象，因此我可以创建一个服务作为对此对象的依赖：

TestBed.configureTestingModule({
    declarations: [HttpClient],
    imports: [HttpClient],
    providers: [HttpClient]
});
TestBed.get(HttpClient);

但我收到以下错误：

错误：模块'DynamicTestModule'导入了意外的值'HttpClient'。请添加一个@NgModule批注。

有人知道如何解决这个问题吗？

遵循所有代码：

import { I18nService } from "../../services/i18n.service";
import { TestBed, inject, async } from "@angular/core/testing";
import { EditionHistoryEventsModel } from "./dropdown.edition.history.events.model";
import { HttpClient } from "@angular/common/http";
import { TestUtil } from "../../utils/test.uti";



describe('DropDownEditionHistoryItemModel', () => {
    let i18nService: I18nService;

    beforeAll(() => {
        TestBed.configureTestingModule({
            declarations: [HttpClient],
            imports: [HttpClient],
            providers: [HttpClient]
        });
        i18nService = TestUtil.geti18nService(TestBed.get(HttpClient));
    });
    it('asdasd', () => {
        let model: EditionHistoryEventsModel = new EditionHistoryEventsModel(i18nService);
        expect(true).toBeTruthy();
    });
});

Answer 1

当您尝试在declarations数组中包括组件，指令或管道以外的其他内容时，将引发编译错误。

我已经重构了您的测试规范，以HttpClient从声明模块中删除，导入，HttpClientTestingModule因为它相HttpClientModule对于测试具有一些明显的优势，并使用了稍微不同的模式来创建您的实例I18nService以传递给模型类。

import { HttpClientTestingModule } from '@angular/common/http/testing';

    describe('TestSpec', () => {

    let intlService = I18nService;

    beforeAll(() => {
        TestBed.configureTestingModule({
            declarations: [],
            imports: [HttpClientTestingModule],
            providers: [I18nService]
    });

    i18nService = TestBed.Get(I18nService);
});