我有一個加載Angular2應用程序和工作正常，但是當我跑噶的單元測試，我得到這個錯誤：噶驗證和CUSTOM_ELEMENTS_SCHEMA

錯誤：

失敗：未捕獲的（在承諾）：錯誤：模板解析錯誤： 'app-appheader'不是已知的元素： 1.如果'app-appheader'是一個Angular組件，則驗證它是否爲該模塊的一部分。 2.如果'app-appheader'是一個Web組件，則將'CUSTOM_ELEMENTS_SCHEMA'添加到此組件的'@ NgModule.schemas'中以禁止此消息。（「[ERROR - >]

app.component.html

含量非常簡單：

<html> 
<app-appheader></app-appheader> 
<app-appmenu></app-appmenu> 
<app-appsettings></app-appsettings> 
<app-appfooter></app-appfooter> 
</html>

app.module.ts

import { BrowserModule } from '@angular/platform-browser'; 

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; 

import { FormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 

import { AppComponent } from './app.component'; 
import { AppheaderComponent } from './components/appheader/appheader.component'; 
import { AppfooterComponent } from './components/appfooter/appfooter.component'; 
import { AppmenuComponent } from './components/appmenu/appmenu.component'; 
import { AppsettingsComponent } from './components/appsettings/appsettings.component'; 

@NgModule({ 
    declarations: [ 
    AppComponent, 
    AppheaderComponent, 
    AppfooterComponent, 
    AppmenuComponent, 
    AppsettingsComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule 
    ], 
    providers: [], 
    bootstrap: [AppComponent], 
    schemas: [ CUSTOM_ELEMENTS_SCHEMA ] 
}) 
export class AppModule { }

appheader.component。 ts

import { Component, OnInit } from '@angular/core'; 

@Component({ 
    selector: 'app-appheader', 
    templateUrl: './appheader.component.html', 
    styleUrls: ['./appheader.component.css'] 
}) 
export class AppheaderComponent implements OnInit { 

    constructor() { } 

    ngOnInit() { 
    } 

}

這是我運行工作正常，但沒有通過單元測試代碼...

在這一刻我已使用一種變通方法通過在spec.ts實施NO_ERRORS_SCHEMA解決的問題但我相信這不是正確的移動方式。

謝謝支持

來源

2017-04-03 DarioN1

您是否試圖在spec.ts中添加'CUSTOM_ELEMENT_SCHEMA'？ – yurzui

我該如何添加它？「從'@ angular/core'導入{CUSTOM_ELEMENT_SCHEMA};」不編譯... – DarioN1

解決了我的問題！謝謝！ – DarioN1

我通過實施這一行解決我的問題：

schemas: [CUSTOM_ELEMENTS_SCHEMA]

並重新啓動與應用納克服務。

Ciao

來源

2017-04-13 17:52:15 DarioN1

噶驗證和CUSTOM_ELEMENTS_SCHEMA

錯誤：

appheader.component。 ts

回答

相關問題