从 9 到 10 的 PrimeNG 更新丢失了我的样式

Losing my styles on PrimeNG update from 9 to 10

从 PrimeNG 9 升级到 PrimeNG X 后,样式已损坏。 ui-something 样式已重命名为 p-something。控制台中没有错误,并且某些组件的行为得到了改进(例如 p-inputNumber)——所以看起来这只是一个样式问题。

样式有了很大改进,但如果我在 angular.json 中向样式添加主题,样式仍然有问题 ui:"node_modules/primeng/resources/themes/nova/theme.css".

如果有人可以提供一些 guidance 来解决这个问题,我将不胜感激:

  1. 一个一个地修复样式(这就像为整个应用程序重新创建样式一样)

  2. 等待 PrimeNG 社区修复一些错误,然后从 9 到 X 的过渡将是一个临时安排

  3. 等待 PrimeNG 社区提供 guide 升级

解决方案似乎是 1.) 和 3.) 的组合。

他们对 primengX 进行了重大更改。过渡指南 here and here. I found it helpful to look at their getting started for primengX LTS here 即使我们使用的是 CE。

除了升级包之外,您还必须升级样式 (angular.json),在他们的示例中是 LTS,在我们的示例中是:

"node_modules/primeng/resources/primeng.css",
"node_modules/primeng/resources/themes/saga-blue/theme.css",
"node_modules/primeng/resources/primeng.min.css"

现在您“只需”检查每个组件是否有剩余的损坏样式。