从 5 到 7 的 PrimeNG 更新失去了我的风格

【问题标题】：Loosing my styles on PrimeNG update from 5 to 7从 5 到 7 的 PrimeNG 更新失去了我的风格
【发布时间】：2020-04-10 01:54:26
【问题描述】：

目前我正在尝试将 Angular 7 项目中的 PrimeNG 从 ^5.2.7 升级到 ^7.1.3。更新后，当我运行“ng serve”时，出现与下拉和多选相关的错误。为了解决这个问题，它建议安装@angular/cdk。但是在完成这一步之后，我的样式崩溃了，因为@angular/cdk 将所有类从“fa”（用于字体真棒）更改为“pi”（primeicons）。并且还添加了一些新样式，例如“ui-dropdown”类。这在一个大项目中造成了很多问题。更新 PrimeNG 时有什么方法可以防止样式和类发生变化？

提前致谢。

【问题讨论】：

您好，我想我的回答可能会解决您的问题，您检查了吗？ ??????????

标签： angular primeng angular-cdk primeng-dropdowns primeicons

【解决方案1】：

主题结构已与第 6 版新主题相一致，旧主题已被弃用

style.scss（全局样式）

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

另一种方式，将样式设置为 angular.json 文件

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

检查?setup guide for version 7.x

以前 Primeng 使用字体真棒版本 4.x 在版本 5 之后在内部使用 primeicons 并提供使用任何图标库的选项

你可以像这样安装 font awsome verion 5

npm i @fortawesome/fontawesome-free@5

然后你可以像这样导入样式

@import "@fortawesome/fontawesome-free/css/all.css";

【讨论】：