web-dev-qa-db-ja.com

PrimeNg <component>は既知の要素エラーではありません(@ angular-2.0.0&primeng-1.0.0-beta.16)

私はAngular 2 RC5およびPrimeNG 1.0.0-beta.13ベータ版で開始しました。PrimeNgコンポーネントをxModuleとしてロードしており、Data Table、Input、SelectItem、Buttons、modalsの表示に問題はありません。ただし、TabViewまたはAccordionを使用しようとすると、このエラーが発生します。

未処理のPromise拒否:テンプレート解析エラー: 'p-accordionTab'は既知の要素ではありません:

@NgModuleにTabViewModuleをインポートしました。現在、Angular 2.0.0(final)およびPrimeNg beta.16(latest)を使用するようにアプリを更新しましたが、まだエラーがあります。webpackを使用して、ポリフィル、ベンダー、アプリをチャンクしますコードと私はwebpackで生成されたjsファイルにアコーディオンとタブビューモジュールを見ています。

何が欠けているのかわかりません。さらに情報が必要な場合はお知らせください。

前もって感謝します!

いくつかのスニペット:

app.module.ts

import { 
ButtonModule, 
  DataTableModule, 
  DialogModule, 
  GrowlModule,  
  TabViewModule,
  AccordionModule }  from 'primeng/primeng';

@NgModule({
...
imports: [
DataTableModule, 
DialogModule, 
GrowlModule,  
TabViewModule,
AccordionModule
],
...
});

template.html(PrimeNGドキュメントから貼り付け)

<p-accordion>
<p-accordionTab header="Header 1">
   Content 1
</p-accordionTab>
<p-accordionTab header="Header 2">
    Content 2
</p-accordionTab>
<p-accordionTab header="Header 3">
    Content 3    
</p-accordionTab>
17
user6850401

問題はアニメーションパッケージが必要なため、BrowseModuleAnimationsModuleをappModuleにインポートするだけです。

npm install primeng

npm install primeng --save

app.module.ts

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import {AccordionModule} from 'primeng/primeng';

@NgModule({
    imports: [
        AccordionModule,
        BrowserAnimationsModule
    ],
})

app.component.html

<p-accordion>
    <p-accordionTab header="Header 1">
       Content 1
    </p-accordionTab>
    <p-accordionTab header="Header 2">
        Content 2
    </p-accordionTab>
    <p-accordionTab header="Header 3">
        Content 3    
    </p-accordionTab>
</p-accordion>

。angular-cli.json

"styles": [
        "../node_modules/primeng/resources/themes/omega/theme.css",
        "../node_modules/primeng/resources/primeng.min.css"
      ],
2
Chandru