PrimeNg <component>不是已知的元素错误(@angular-2.0.0 & primeng-1.0.0-beta.16)
PrimeNg <component>不是已知的元素错误(@angular-2.0.0 & primeng-1.0.0-beta.16)
提问于 2016-09-20 04:22:37
我从Angular 2 RC5和PrimeNG 1.0.0-beta.13测试版开始。我以xModules的形式加载PrimeNg组件，显示数据表、输入、SelectItem、按钮、模态没有任何问题。然而，当我尝试使用TabView或Accordion时，我得到了这个错误。
未处理的Promise rejection:模板解析错误：'p-accordionTab‘不是已知元素：
我在@NgModule中导入了TabViewModule。目前，我更新了我的应用程序，使用Angular 2.0.0 (最终版)和PrimeNg beta.16 (最新版)，但仍然有错误。我正在使用webpack来分块多面填充、供应商和应用程序代码，我在由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文档粘贴)
<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>
回答 1
Stack Overflow用户
发布于 2017-09-10 18:23:25
问题是原始的需要动画包，所以我只需要在appModule中导入BrowserAnimationsModule。
npm安装入门
npm install primeng --saveapp.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"
],页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39581490
复制相关文章
相似问题