样式不是从 angular.json 样式数组 angular 6 中挑选的，但是可以在 styles.css 中正常使用答案

【问题标题】：styles not picking from angular.json styles array angular 6, but working fine with imports in styles.css样式不是从 angular.json 样式数组 angular 6 中挑选的，但是可以在 styles.css 中正常使用
【发布时间】：2019-01-30 13:59:43
【问题描述】：

我在 angular.json 样式数组中包含了一些样式，如下所示：

 "styles": [
              "src/styles.css",
              "node_modules/primeicons/primeicons.css",
              "node_modules/primeng/resources/themes/omega/theme.css",
              "node_modules/primeng/resources/themes/bootstrap/theme.css",
              "node_modules/primeng/resources/primeng.min.css",
              "node_modules/bootstrap/dist/css/bootstrap.min.css",
              "node_modules/font-awesome/css/font-awesome.css"
            ]

但它不挑选样式，因为我看不到primeng 表样式和其他样式。虽然如果我在我的 styles.css 文件中导入样式，如下所示：

@import '../node_modules/primeng/resources/themes/omega/theme.css';
 @import '../node_modules/primeng/resources/themes/bootstrap/theme.css';
 @import '../node_modules/primeicons/primeicons.css'

我相信我们可以使用上述任何一种方法，如果这不正确，请告诉我。

我也多次重启了 ng serve。

感谢任何帮助。感谢期待。

我使用 angular 6，因为它在 angular.json 中很明显，如果需要共享任何其他代码或信息，请告诉我。

【问题讨论】：

请发布您的整个 angular.json
感谢您的评论，问题已解决。我的错。我在测试对象下将样式放入错误的数组中。
@prady 谢谢。正在做同样的事情！
注意，你必须重启 ng-cli
我也在做同样的事情，谢谢@prady upvoted :)

标签： css angular6 primeng

【解决方案1】：

您也可以保持原样 .angular.cli.json

 "styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.css",
        "../node_modules/font-awesome/css/font-awesome.min.css",
        "../node_modules/primeng/resources/primeng.min.css",
        "../node_modules/primeng/resources/themes/omega/theme.css",
        "styles.scss"
      ],

样式的顺序很重要。在上面的例子中。 Bootstrap css 将首先应用，然后是 primeng 主题，最后是您的自定义 scss 文件。最终，styles.scss 将覆盖所有其他样式。并且无需在任何地方导入。

【讨论】：

【解决方案2】：

在样式数组中添加css后停止 Angular 项目的本地服务器并重新启动它，简单来说重启当前 Angular 项目的本地服务器

【讨论】：