web-dev-qa-db-ja.com

'p-header'は、Angular2アプリケーションのPrimeNgの既知の要素ではありません

angular2プロジェクトにPrimeNgを使用しており、ページにパネルを追加しようとしています。私はこれのためにprimengチュートリアルから取ったコードを使用しました( http://www.primefaces.org/primeng/#/panel ):-

私の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 { }

これはコンソールのエラーの下にスローされています:-

例外:キャッチされない(約束):エラー:テンプレート解析エラー:「p-header」は既知の要素ではありません:1.「p-header」がAngularコンポーネントの場合、 2.「p-header」がWebコンポーネントの場合、このコンポーネントの「@ NgModule.schemas」に「CUSTOM_ELEMENTS_SCHEMA」を追加して、このメッセージを抑制します。

8
Rj-s

2.0-RC.1 Primengが変更され、バージョンをアップグレードすると機能します。

7
Mertcan Diken

SharedModuleをインポートしてこの問題を解決してください

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

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

バージョンの問題でした。バージョン2で動作します。

2
Rj-s

バージョン8.0.0にはこのための新しいモジュールがあります。あなたは付け加えられます

import {CardModule} from 'primeng/card';

この問題を解決するには

0
user3368703