Angular 6 невозможно импортировать CSS в разделе стилей angular.json

Question

Я переносу проект в Angular 6 и пытаюсь импортировать свой файл css в разделе стилей на angular.json:

"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"
        ]