涂底漆<;组件>;不是已知的元素错误(@angular-2.0.0&;priming-1.0.0-beta.16)

涂底漆<;组件>;不是已知的元素错误(@angular-2.0.0&;priming-1.0.0-beta.16),angular,primeng,Angular,Primeng,我从Angular 2 RC5和Priming 1.0.0-beta.13 beta开始。我正在以xModules的形式加载Prime组件,在显示数据表、输入、SelectItem、按钮和modals时没有问题。然而,当我尝试使用TabView或Accordion时,我遇到了这个错误 未处理的承诺拒绝:模板分析错误: “p-accordionTab”不是已知元素: 我在@NgModule中导入了TabViewModule。目前,我更新了我的应用程序,使用Angular 2.0.0(最终版)和Pr

我从Angular 2 RC5和Priming 1.0.0-beta.13 beta开始。我正在以xModules的形式加载Prime组件,在显示数据表、输入、SelectItem、按钮和modals时没有问题。然而,当我尝试使用TabView或Accordion时,我遇到了这个错误

未处理的承诺拒绝:模板分析错误: “p-accordionTab”不是已知元素:

我在@NgModule中导入了TabViewModule。目前,我更新了我的应用程序,使用Angular 2.0.0(最终版)和Priming beta.16(最新版),但仍然存在错误。我正在使用webpack来分块polyfills、供应商和应用程序代码,我在webpack生成的js文件中看到了accordion和tabview模块

我不确定我错过了什么。如果你需要更多信息,请告诉我

提前谢谢

一些片段:

app.module.ts

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

@NgModule({
...
imports: [
DataTableModule, 
DialogModule, 
GrowlModule,  
TabViewModule,
AccordionModule
],
...
});
template.html(从PrimeNG文档粘贴)


内容1
内容2
内容3

问题是启动需要动画包,所以我只需在appModule中导入BrowserAnimationsModule

npm安装底漆

npm install primeng --save
应用程序模块.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>

您是否在主模块中导入了手风琴模块?是的,我在app.module.ts中导入了手风琴模块。我还尝试将其添加到实际模块(和组件)中,该模块调用呈现手风琴标记的模板,但仍然没有成功。您是否找到了解决此问题的方法@user6850401?可能有点晚了,但由于某些原因,当我使用Angular 2 Final重建本地工作区时,错误消失了。我停止调试并重建了我的dotnetcore项目,错误也随之消失。这也是我的问题!非常感谢。
<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>
"styles": [
        "../node_modules/primeng/resources/themes/omega/theme.css",
        "../node_modules/primeng/resources/primeng.min.css"
      ],