模块“DynamicTestModule”声明的意外值“StateService”

Question

我在 Angular 5 项目中使用 UI 路由器。为页脚组件运行测试时，出现此错误：

Failed: Unexpected value 'StateService' declared by the module 'DynamicTestModule'. Please add a @Pipe/@Directive/@Component annotation.

但是，我正在导入 StateService，并将其包含在 TestBed 的声明数组中。

import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { FooterComponent } from './footer.component';
import { StateService } from '@uirouter/angular';

fdescribe('FooterComponent', () => {
  let component: FooterComponent;
  let fixture: ComponentFixture<FooterComponent>;

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [ StateService ],
      declarations: [ FooterComponent ],
    })
    .compileComponents();
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(FooterComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should create', () => {
    expect(component).toBeTruthy();
  });
});

知道我哪里出错了吗？

Answer 1

declarations 数组仅适用于可声明的类：组件、指令和管道。像这样将 StateService 添加到 providers 数组中：

TestBed.configureTestingModule({
  imports: [],
  declarations: [ FooterComponent ],
  providers: [StateService]
})