即使我正确安装了primeNG，为什么PrimeNG按钮类不能正常工作？

Question

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

我采取的步骤：我已在本地NPM中安装它。我已将按钮模块添加到app-modules中。我把它包含在angular.json中。 - 已将其包含在package.json中。

这就是我的网页应该是这样的：

但实际上它是这样的：

我不知道为什么。

Answer 1

你是否添加了作为primeng一部分的styles / css？

如果没有，请尝试将这些添加到styles / angular.json中的.angular-cli.json数组（取决于您的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";