'p-header'는 Angular2 응용 프로그램의 PrimeNg에서 알려진 요소가 아닙니다.

Question

내 angular2 프로젝트에 PrimeNg를 사용하고 있으며 페이지에 패널을 추가하려고합니다. 나는 (http://www.primefaces.org/primeng/#/panel) 내가 primeng 튜토리얼에서 발생한이에 대한 코드 아래 사용 : -

내 html 파일은 코드 아래에있다 : -

<p-panel> 
    <p-header> 
     Header content here 
    </p-header> 
    Body Content 
</p-panel> 

나는이 primeng에서 내 모듈에 필요한 모듈을 수입 추가 : -

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; 
    import { MyComponent } from './my.component'; 
    import { CommonModule } from '@angular/common'; 
    import { SharedModule, PanelModule } from 'primeng/primeng'; 


@NgModule({ 
    imports: [ 
    CommonModule, SharedModule, PanelModule 
    ], 
    declarations: [MyComponent], 
    schemas: [CUSTOM_ELEMENTS_SCHEMA ] 
    }) 
    export class ThemeModule { } 

이 콘솔에 오류가 아래로 던지고있다 : -

EXCEPTION: Uncaught (in promise): Error: Template parse errors: 'p-header' is not a known element: 1. If 'p-header' is an Angular component, then verify that it is part of this module. 2. If 'p-header' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("

Answer 1

2.0-RC.1 primeng 변경 및 버전을 업그레이드하면 작동합니다.

Answer 2

버전 문제였습니다. 그것의 버전 2와 함께 작동합니다.

Answer 3

시도는이 문제를

import {ChartModule, CalendarModule, SharedModule} from 'primeng/primeng'; 

@NgModule({ 
imports: [ 
    CommonModule, 
    FormsModule, 
    CalendarModule, 
    SharedModule, 
],