angular - 即使我正确安装了 primeNG，为什么 PrimeNG 按钮类也无法工作？

Question

我的问题是我无法使用 primeNG 中的默认类设计按钮..

我采取的步骤: 我已经在本地安装了NPM。 我已将按钮模块添加到应用程序模块中。 我已将其包含在 angular.json 中。 - 已将其包含在 package.json 中。

我的网页应该是这样的:

但这实际上是这样的:

我不知道为什么。

Answer 1

您是否添加了作为 primeng 一部分的样式/css？

如果没有，请尝试将它们添加到 angular.json/.angular-cli.json 中的 styles 数组中(具体取决于您的 Angular)版本)

"styles": [
  "node_modules/primeng/resources/themes/nova-light/theme.css",
  "node_modules/primeng/resources/primeng.min.css",
  "node_modules/primeicons/primeicons.css",
  //...
],

或更好

将它们添加到 styles.css 文件中:

@import "~primeng/resources/themes/nova-light/theme.css";
@import "~primeng/resources/primeng.min.css";
@import "~primeicons/primeicons.css";