涂底漆<;组件>;不是已知的元素错误(@angular-2.0.0&;priming-1.0.0-beta.16)
我从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涂底漆<;组件>;不是已知的元素错误(@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
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"
],