Компоненты PrimeNG не отображаются - PullRequest
Новая
       11

Компоненты PrimeNG не отображаются

0 голосов
/ 02 апреля 2020

Я новичок в Angular и настроил простое приложение, включающее компоненты primeng.

Страница, которую я создаю, так проста: 

<p-tabView>
   <p-tabPanel header="Tab 1">
   </p-tabPanel>
   <p-tabPanel header="Tab 2">
   </p-tabPanel>
   <p-tabPanel header="Tab 3">
   </p-tabPanel>
</tabView>

<p-panel header="Example Panel">
   Content
</p-panel>

Я могу сделать <p-tabView> просто отлично, но когда я пытаюсь использовать другие компоненты, в основном простые <p-panel>, компоненты больше не отображаются. Я могу видеть их в Chrome проводнике размером 0x0 и содержащим комментарий <!--container--> внутри.

Я имею в виду, что я получаю <p-tabView> для идеального рендеринга, как только я добавляю <p-panel> на той же странице, больше ничего не отображается.

Мои зависимости:

Angular ~9.0.5 primeicons ^2.0.0 primeng ^9.0.5

Все компоненты включены в мой app.module.ts как 

import {TabViewModule} from 'primeng/tabview';
import {PanelModule} from 'primeng/panel';

...

imports: [
  BrowserModule,
  AppRoutingModule,
  TabViewModule,
  PanelModule
  ...
]

Включенные мной таблицы стилей: 

/node_modules/primeicons/primeicons.css
/node_modules/primeng/resources/themes/nova-light/theme.css
/node_modules/primeng/resources/primeng.min.css

Я действительно понятия не имею, с чего начать. Помощь будет оценена!

...