Angular 6 загружает css папки в angular.json

Question

Я пытаюсь преобразовать мой HTML-шаблон в угловое приложение.У меня есть папка css, которая называется plugins и img folder.

Когда я добавляю:

 "styles": [
          "src/assets/plugins/listtyicons/style.css",
          "src/assets/plugins/jquery-ui/jquery-ui.min.css",
          "src/assets/plugins/bootstrap/css/bootstrap.min.css",
          "src/assets/plugins/plugins/isotope/isotope.min.css",
          "src/styles.css"

        ]

этот код в файл angular.json, я получаю сообщение об ошибке при попытке запустить приложение angular.Я поместил папку с плагинами в папку активов.Я получаю эту ошибку:

 ERROR in multi ./src/assets/plugins/listtyicons/style.css 
./src/assets/plugins/jquery-ui/jquery-ui.min.css ./src/assets/plugins/bootstrap/css/bootstrap.min.css ./src/assets/plugins/plugins/isotope/isotope.min.css ./src/styles.css
Module not found: Error: Can't resolve 
'/Users/nilay/angular/bes/src/assets/plugins/plugins/isotope/isotope.min.css' 
in '/Users/nilay/angular/bes'

Я не знаю, почему я получаю эту ошибку.

Answer 1

В Угловой 6 Вы должны добавить только в src/style.css (вместо angular.json):

@import "assets/plugins/listtyicons/style.css";
@import "assets/plugins/jquery-ui/jquery-ui.min.css";
@import "assets/plugins/bootstrap/css/bootstrap.min.css";
@import  "assets/plugins/plugins/isotope/isotope.min.css";

И в angular.json

"styles": [
          "src/styles.css"
        ]