web-dev-qa-db-fra.com

Angular 6 charge les dossiers css dans angular.json

J'essaie de convertir mon modèle html en angular. J'ai un dossier css appelé plugins et dossier img.

Quand j'ajoute:

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

        ]

ce code dans le fichier angular.json J'obtiens une erreur en essayant de démarrer angular app. J'ai placé mon dossier de plugins dans le dossier d'actifs. J'obtiens cette erreur:

 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'

Je ne sais pas pourquoi je reçois cette erreur.

cssangular6
9
user9833077

Dans angulaire 6 vous devez ajouter niquement dans src/style.css (au lieu 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";

Et en angular.json

"styles": [
          "src/styles.css"
        ]
27
לבני מלכה