PrimeNg <component> не является известной ошибкой элемента (@angular-2.0.0 & primeng-1.0.0-beta.16)

Question

Я начал с Angular 2 RC5 и PrimeNG 1.0.0-beta.13 beta. Я загружаю компоненты PrimeNg как xModules и не имеет проблем с отображением таблицы данных, ввода, SelectItem, кнопок, модалов. Тем не менее, я получаю эту ошибку, когда я пытаюсь использовать TabView или Accordion.

Необработанное отклонение обещания: ошибки синтаксического анализа шаблона: "p-accordionTab" не является известным элементом:

Я импортировал TabViewModule в @NgModule. В настоящее время я обновил свое приложение, чтобы использовать Angular 2.0.0 (финальная версия) и PrimeNg beta.16 (последняя версия), но ошибки по-прежнему сохраняются. Я использую веб-пакет для разделения полифайлов, кодов поставщиков и приложений, и я вижу модули аккордеона и табуляции в 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>

Answer 1

Проблема в том, что требуется анимационный пакет, поэтому я просто импортирую BrowserAnimationsModule в appModule.

NPM установить 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"
      ],