web-dev-qa-db-fra.com

Angular 2/4: Comment charger le fichier css à partir des actifs

Dans mon .angular-cli.json, je définis ceci:

 "styles": [
        "node_modules/bootstrap/dist/css/bootstrap.min.css",
        "src/assets/css/main.css",
        "styles.css"
        ],

Et dans mon dossier d'actifs que j'ai (assets/css/*. Css) .. Mais quand j'exécute mon application, CSS ne se charge pas. Comment puis-je le résoudre s'il vous plaît? Vous pouvez vérifier le fichier jpeg en pièce jointe

enter image description here

10
user1814879

J'ai eu la même erreur une fois que j'ai commencé Angular 4 project

Ce que j'ai fait c'est

Dans mes actifs il n'y a pas de css

"assets": [
        "assets",
        "favicon.png"
      ],

Et avec style

"styles": [
        "../src/assets/css/main.css",
]

Et puis s'il vous plaît faites ng serve encore

J'espère que cela t'aides

11
Jalay Oza

Ran également sur cette question, mais je l'ai fait différemment. Je n'ai pas modifié le angular.json. J'ai importé l'url dans styles.css Avec @import url("./app/custom-styles/custom-bootstrap.css");. De cette façon, vous n'avez pas besoin de redémarrer pour modifier la détection. Et vous gardez styles.css Propre pour votre style général.

Je ne sais pas si c'est le meilleur moyen, mais pour moi, cela a beaucoup aidé à le garder propre.

1
Michelangelo