css - Angular 6 无法在 angular.json 的样式部分导入 css

Question

我正在将一个元素迁移到 Angular 6，我正在尝试在 angular.json 的样式部分导入我的 css 文件:

"styles": [
      "./src/styles.css",
      "./node_modules/primeng/resources/primeng.min.css",
      "./node_modules/primeicons/primeicons.css",
      "./node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": [
      "./node_modules/jquery/dist/jquery.min.js",
      "./node_modules/popper.js/dist/umd/popper.min.js",
      "./node_modules/bootstrap/dist/js/bootstrap.min.js"
]

但它不起作用。 Css 已正确导入，但未应用类，style.css 中的类除外。 相反，它适用于在脚本部分导入的 js。 有任何想法吗？谢谢

文件夹结构是:

app --
     |-- node_modules
     |-- src
       |.. styles.css
     |-- angular.json

Answer 1

在我的 Angular 6 应用程序中，这是我导入 css 文件的方式:

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