Question

我是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，并在其中包含注释。

我的意思是，我将<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

我真的不知道从哪里开始解决这个问题。帮助将不胜感激！

PrimeNG组件无法渲染

0 个答案: