样式未从angular.json样式数组angular 6中选取，但在styles.css中导入时工作正常

dwbf0jvd 于 2022-12-24 发布在 Angular

关注(0)|答案(4)|浏览(135)

我在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.json中的angular6，如果有任何其他代码或信息需要共享，请让我知道。

css

来源：https://stackoverflow.com/questions/51998505/styles-not-picking-from-angular-json-styles-array-angular-6-but-working-fine-wi

4条答案

按热度按时间

iq3niunx1#

您也可以保留. 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将覆盖所有其他样式。并且不需要在任何地方导入。

赞(0）回复(0）举报 2022-12-24

aurhwmvo2#

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

赞(0）回复(0）举报 2022-12-24

y53ybaqx3#

请尝试给予与组件位置相关的正确路径

赞(0）回复(0）举报 2022-12-24

eufgjt7s4#

如果你重新启动你的项目，然后运行npm start，这将工作正常。这不是一个问题或bug，当你在angular.json文件中添加库或脚本时，你必须重新启动你的项目。

赞(0）回复(0）举报 2022-12-24