PrimeFlex 不适用于 Angular 版本 12.1.4答案

【问题标题】：PrimeFlex not working on Angular Version 12.1.4PrimeFlex 不适用于 Angular 版本 12.1.4
【发布时间】：2021-10-15 08:30:49
【问题描述】：

我已经在我的 Angular 应用程序（版本 12.1.4）上安装了 primeFlex（版本 3.0.1）。我按照他们网页 primeflex.com 上的说明进行操作，但是无法修复错误。我浏览了网络选项卡，发现 CSS 文件已被检索，但它并未应用于我的应用程序。我不确定如何解决？任何帮助表示赞赏。

【问题讨论】：

我们是否应该猜测您是如何使用该库的？显示您的代码！
没关系，我修好了，是版本问题。不过感谢您的帮助！
@SulavDahal，你能详细说明什么版本问题，因为我面临同样的问题
@SandipGhadge 因此，当我安装 Prime Flex 时，它安装了最新版本 3.0.1，但是当我遵循 Prime NG 文档时，我遵循了 Prime Flex V 2.0.0 的文档。 Prime flex 版本 3 和版本 2 具有不同的 CSS 类来设置元素样式并应用这些 flex 和网格，这就是它不起作用的原因。

标签： angular primeng primeflex

【解决方案1】：

在大于 3.0.0 的 primeflex 版本中，标签“p-”被移除，例如：class="p-grid" 变为 class="grid"。

您可以通过打开 your_project/node_modules/primeflex/primeflex.css 中的文件来注意到这一点，您会看到类中不再有“p-”标签。

如果你想继续使用标签，我建议你安装primeflex 2.0.0版，更改：

...
"primeflex": "2.0.0",
...

See

【讨论】：

【解决方案2】：

在此日期（2022 年 1 月）的 angular 12 及更高版本的primeng doc 中，primeflex versin doc 为 2.0 - 但它安装了新版本 3+ primeflex 3+ 的文档是 https://www.primefaces.org/primeflex/

【讨论】：