无法渲染任何 PrimeNG UI 组件

Question

好吧，我只是想为 Angular 4 安装 PrimeNG UI 组件，但我无法做到这一点。

我正在关注这个官方“PrimeNG setup”，但我发现说明非常糟糕且具有误导性。

我正在使用 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 ：在 localhost:4200

上正常

步骤 2

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

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

也没有说（非常糟糕的文档），但我想我必须做类似

的事情

 imports: [
    BrowserModule,
    AccordionModule
  ],

编译OK，ng serve还OK

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

我已经在控制台中收到一大堆错误，从 :

开始

Template parse errors: 'p-accordionTab' is not a known element: 1. If 'p-accordionTab' is an Angular component, then verify that it is part of this module. 2. If 'p-accordionTab' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

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

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

Answer 1

我认为你错过了 SharedModule:

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

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

无法渲染任何 PrimeNG UI 组件

Can't manage to render any PrimeNG UI component

angular

angular-cli

primeng