Angular 样式问题 (primeng - primeflex)

Question

我正在使用 primeflex，一开始一切顺利，但现在...我不知道会发生什么。突然断了。

此样式不符合 html.

的元素

网格系统的第一个例子不工作：

<div class="p-grid">
<div class="p-col-4">4</div>
<div class="p-col">1 </div>
<div class="p-col">1 </div>
<div class="p-col">1 </div>
<div class="p-col">1 </div>
<div class="p-col">1 </div>
<div class="p-col">1 </div>
<div class="p-col">1 </div>
<div class="p-col">1 </div>

但是，将 css 从一个站点移到另一个站点 1 小时后，我注意到 css 确实存在。我试试这个，改变选择器：

魔法开始发挥作用：

那个选择器，“p-X”就是问题所在。

我想我的模块中有一些，我的 angular 或其他东西缺少一些配置。但不知道是什么。这是一个项目测试，我会从头开始做另一个，但对于了解真正项目启动时会发生什么会很有用。

我可以提供其他代码（angular.json、模块等等...），但我认为问题不存在（昨天有效）。

Answer 1

我确认是primeflex的版本问题

新版本 (3.0) 使用另一个名称作为选择器 类 (col-X)。在 (2.0) 中使用其他 (p-col-X).

primeng 中的文档 link 都是（3.0 和 2.0，小心看）。这是 3.0:

https://www.primefaces.org/primeflex/gridsystem

感谢阿尔巴。