PrimeNg CSS 不工作答案

【问题标题】：PrimeNg css not workingPrimeNg CSS 不工作
【发布时间】：2018-02-24 17:32:13
【问题描述】：

我可以得到<button pButton type="button" class="ui-button-danger"></button>，但它不会设置样式。我已经在我的 index.html 中链接了 primeng.min.css。但我假设我的.angular-cli.json 文件有问题，因为样式部分是空的。

编辑：控制台错误说：加载资源失败：服务器在<link rel="stylesheet" type="text/css" href="/node_modules/primeng/resources/primeng.min.css" /> 上响应状态为 404（未找到）但我已经仔细检查过，它就在那里。

【问题讨论】：

angularjs 中没有 PrimeNg，因此请将您的标签从 angularjs 更改为 angular，因为它仅存在于 angular 中
参考此链接获取primeng样式primefaces.org/primeng/#/setup
我已按照设置指南进行操作，但在控制台中出现以下错误： GET localhost:4200/node_modules/primeui/primeui-ng-all.min.css when trying to link it in my index.html
错误标记... PrimeFaces？请了解您正在使用的技术
您的项目构建情况如何。你在使用 webpack 吗？如果您使用 Angular CLI，则需要在样式部分中添加样式："styles": [ "../node_modules/font-awesome/css/font-awesome.min.css", "../node_modules/primeng/resources/primeng.min.css", "../node_modules/primeng/resources/themes/omega/theme.css", //... ],

标签： html css angular primeng

【解决方案1】：

您只希望在 style.css 中有条目，如下所示

@import '../node_modules/primeng/resources/primeng.min.css';
@import '../node_modules/primeng/resources/themes/nova-light/theme.css';
@import '../node_modules/primeicons/primeicons.css';

并且 angular.json 的样式数组中不需要任何条目

【讨论】：