web-dev-qa-db-fra.com

Comment ajouter des css et js personnalisés à angular 4

Dans angular 2, je pourrais simplement les ajouter dans le index.html comme ceci:

<link rel="stylesheet" href="css/mycss.css">

Mais dans angular 4, il doit être ajouté au fichier angular-cli.json dans la section des styles et du tableau de script.

Dans ma situation, ils ne semblent pas du tout chargés. Aucune erreur mais lorsque je regarde l'application dans le navigateur, je sais que les styles ne se chargent pas. Lorsque j'ajoute les styles et les js au fichier index.html, il ne se charge pas non plus, j'obtiens un 404 dans la console.

Comment puis-je réparer ça? Voici ma version de Angular cli: @ angular/cli: 1.0.2 Node: 6.9.2

node.jsangulartypescriptangular-cli
10
marvin ralph

Si vous utilisez angular cli alors allez dans votre . Angular-cli.json et alors vous pouvez obtenir "styles": [] aussi ") scripts ": [] à l'intérieur de ceux-ci, vous pouvez ajouter vos fichiers css et js

 "styles": [
            yourfirst-css-file , //comma (,)is important
            your-second-css-file
          ],

Par exemple:-

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

"scripts": [
        "../node_modules/jquery/dist/jquery.js",
        "../node_modules/tether/dist/js/tether.js",
        "../node_modules/bootstrap/dist/js/bootstrap.js"
      ],

et une erreur 404 signifie que le fichier est introuvable. Essayez et ajoutez le dossier "url" complet (src).

14
Asumoon