无法渲染任何 PrimeNG UI 组件

Question

好的，所以我只是尝试为 Angular 4 安装 PrimeNG UI 组件，我无法做到这一点。

我正在遵循这个官方的"PrimeNG设置"，但我发现说明非常糟糕且具有误导性。

我正在使用 Angular-CLI v1.1.1， Node v7.9.0

步骤 1 ：

我创建了一个新的 Angular-CLI 项目

ng new test-primeNG
cd test-primeNG
npm install primeng --save

ng serve： 本地主机确定：4200

步骤 2

他们对import {AccordionModule} from 'primeng/primeng';和import {MenuItem} from 'primeng/primeng';说

没有说在哪里，但我想这进入了app.module.ts.

也没有说(非常糟糕的文档)，但我认为我必须做类似的事情

imports: [
BrowserModule,
AccordionModule
],

编译正常，ng serve还可以

步骤 3

由于我导入了accordion模块，因此我尝试创建手风琴。暂时不需要CSS，我只是想不要在控制台中出现错误。

<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>

我已经在控制台中收到大量错误，从：

模板解析错误："p-手风琴选项卡"不是已知元素： 1. 如果 'p-accordionTab' 是 Angular 组件， 则验证它是否是此模块的一部分. 2. 如果"p-accordionTab"是一个Web组件，则将"CUSTOM_ELEMENTS_SCHEMA"添加到该组件的"@NgModule.schemas"中 以禁止显示此消息。

然后文档讨论了一些 Angular 4 动画的东西 (？) 并添加了import {BrowserModule} from '@angular/platform-browser';它已经在app.module.ts中由 Angular-CLI 生成，所以我不知道为什么会在这里。

底线：经过一上午的挣扎，我仍然不知道如何渲染任何PrimeNG组件。

Answer 1

我认为你错过了SharedModule：

(我需要它来使用DataTableModule，也许手风琴不需要它，这只是一个不同的问题？

import {AccordionModule, SharedModule} from 'primeng/primeng';
...
imports: [
...
AccordionModule,
SharedModule,
...
]