- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
我创建了一个新组件并进行了 ng 测试,但失败并出现以下错误
Failed: Unexpected directive 'ContactDetailsComponent' imported by the module 'DynamicTestModule'. Please add a @NgModule annotation.
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { AdditionalContactDetailsComponent } from './additional-contact-details.component';
import { EdlInputModule, EdlIconModule, EdlMessagesModule } from '@fedex/ddt';
import { ReactiveFormsModule, FormBuilder, FormsModule } from '@angular/forms';
import { ContactDetailsComponent } from '../contact-details/contact-details.component';
import { HttpClientModule } from '@angular/common/http';
import { HttpClientTestingModule } from '@angular/common/http/testing';
fdescribe('AdditionalContactDetailsComponent', () => {
let component: AdditionalContactDetailsComponent;
let fixture: ComponentFixture<AdditionalContactDetailsComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [EdlInputModule,
ReactiveFormsModule,
FormsModule,
EdlIconModule,
EdlMessagesModule,
ContactDetailsComponent,
HttpClientModule,
HttpClientTestingModule],
declarations: [AdditionalContactDetailsComponent],
providers: [FormBuilder]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(AdditionalContactDetailsComponent);
component = fixture.componentInstance;
component.ngOnInit();
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
最佳答案
从导入数组中删除 ContactDetailsComponent
组件并将其添加到声明数组中。 组件 始终放置在声明数组中,模块 放置在导入数组中。
解决方法如下:
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { AdditionalContactDetailsComponent } from './additional-contact-details.component';
import { EdlInputModule, EdlIconModule, EdlMessagesModule } from '@fedex/ddt';
import { ReactiveFormsModule, FormBuilder, FormsModule } from '@angular/forms';
import { ContactDetailsComponent } from '../contact-details/contact-details.component';
import { HttpClientModule } from '@angular/common/http';
import { HttpClientTestingModule } from '@angular/common/http/testing';
fdescribe('AdditionalContactDetailsComponent', () => {
let component: AdditionalContactDetailsComponent;
let fixture: ComponentFixture<AdditionalContactDetailsComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [EdlInputModule,
ReactiveFormsModule,
FormsModule,
EdlIconModule,
EdlMessagesModule,
HttpClientModule,
HttpClientTestingModule],
declarations: [AdditionalContactDetailsComponent, ContactDetailsComponent],
providers: [FormBuilder]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(AdditionalContactDetailsComponent);
component = fixture.componentInstance;
component.ngOnInit();
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
关于angular - 失败 : Unexpected directive 'ContactDetailsComponent' imported by the module 'DynamicTestModule' . 请添加@NgModule 注解,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54759915/
我在 Angular 5 项目中使用 UI Router。为页脚组件运行测试时出现此错误: Failed: Unexpected value 'StateService' declared by th
总的来说,我对 Angular/测试还很陌生。一直在研究有关测试的 Angular 文档,我正在努力。已在该网站上搜索答案,但没有成功。我还尝试向 app.module.ts 文件添加额外的导入。 使
运行 ng 测试 时完全错误: Error: StaticInjectorError(DynamicTestModule)[NotificationsComponent AuthService]:
我已经加了RouterTestingModule到我的单元测试导入。但它仍然抛出以下错误。 唯一的区别是知道我的路由页面与规范不同。 我附上了我的代码以供引用。 我需要改变什么?或者我如何使用我的路由
我正在上一门关于 Angular Testing 的类(class),我试图为一个带有服务的组件设置一个测试,这个服务有 httpClias 作为依赖项,但是当我尝试运行它时出现了这个错误 NullI
我正在上一门关于 Angular Testing 的类(class),我试图为一个带有服务的组件设置一个测试,这个服务有 httpClias 作为依赖项,但是当我尝试运行它时出现了这个错误 NullI
使用 Angular2.0.0-rc.5 我正在尝试运行以下测试但收到错误: Error: No NgModule metadata found for 'DynamicTestModule'. (l
在我的 MainComponent 中,我有 entryComponent MatSnackBarComponent(自定义组件)。当我编写测试时出现此错误: NullInjectorError: R
我在创建测试组件实例时遇到错误。 let comp: TaskviewComponent; let fixture: ComponentFixture; let deTaskTitle: DebugE
我有这项服务可以从 ws 返回所有城市。 @Injectable() export class CityService { constructor(private http: Http, priv
我对主题错误有疑问。我正在使用 Angular 7 版本。这是我的测试:landing.component.spec.ts import { async, ComponentFixture, Test
我有以下服务: import { Injectable } from '@angular/core'; import { MenuItem } from './../classes/menu-item
我们的项目结构如下:Angular2-webpack-starter . 我们的项目成功编译、构建并可以在浏览器中看到。这里没有问题。 但是当我们尝试使用 karma 和 jasmine 运行测试用例
在我的 Angular/Typescript/Webpack 项目中,我在代码修改后重写单元测试。 问题的症状是在运行非常基本的组件测试时出错:“错误:模块‘DynamicTestModule’声明的
这是我的规范文件: import { ComponentFixture, TestBed, async } from '@angular/core/testing'; import { By }
我是 Angular2 的新手,正在尝试在 app.component.spec.ts 文件中编写测试。我的应用程序相对简单,除了它从第 3 方库(由同事编写)导入 LoginComponent 和
我正在为 AppComponent 准备单元测试用例,该用例将路由器作为注入(inject)的依赖项,并在我的测试台中包含了 RouterTestingModule。但仍然出现奇怪的错误。请找到如下所
我有 angular 2 webpack 应用程序,所有 webpack,karma 配置都是按照 angular.io webpack 指南创建的。我没有使用 aot。我正在编写 jasmine 单
我看到很多人发布关于 NullInjectorError: No provider for HttpClient! 的问题但是我在 Karma 单元测试中遇到了更具描述性的错误。我一直在学习 Angu
当我在 Angular 8 项目中运行单元测试时,我在 ngx-toastr 中发现了一个错误 NullInjectorError: StaticInjectorError(DynamicTestMo
我是一名优秀的程序员,十分优秀!