Comment changer le favicon du CLI d'Angular

Question

Comment puis-je changer le favicon par défaut qui est défini par le CLI d'Angular ?

J'ai essayé plusieurs choses, mais il affiche toujours le logo Angular comme favicon, même si j'ai supprimé cette icône (favicon.ico dans le dossier src). Il s'affiche toujours, et je ne sais pas d'où il est chargé.

J'ai remplacé cette icône par une autre, mais elle affiche toujours le logo Angular :

<link rel="icon" type="image/x-icon" href="favicon.ico">

Answer 1

1. Supprimez votre favicon.ico existant
2. Ajoutez une nouvelle icône dans le dossier src avec le nom "favico.ico".
3. Videz le cache de votre navigateur.

L'icône ne se reflète pas uniquement à cause du cache de votre navigateur. Essayez parfois de redémarrer l'application

Answer 2

Les étapes suivantes ont fonctionné pour moi.

1. Supprimez le fichier "favicon.ico" par défaut et remplacez-le par un nouveau fichier portant un nom différent, par exemple "_favicon.ico" dans mon cas.

   Note : : Ne gardez pas le nom par défaut, car il est mis en cache dans votre navigateur et il est difficile de l'écraser avec une nouvelle icône.

2. Mettez à jour l'index.html avec la nouvelle balise de lien, c'est-à-dire.

   <link rel="icon" type="image/x-icon" href="_favicon.ico" /> 

3. Mettez à jour le fichier .angular-cli.json avec le nouveau nom de l'icône, c'est-à-dire "_favicon.ico".

4. Créez et lancez votre application, puis effectuez un rafraîchissement complet. Ctrl + F5 .

Answer 3

Aussi simple et facile que :

1. ajouter votre icône ou png dans le même répertoire que le favicon
2. modifier le fichier .angular-cli.json, dans assets supprimer favicon.ico mettre le vôtre à la place
3. modifiez le fichier index.html, recherchez le favicon et mettez le vôtre à la place.
4. run ng serve à nouveau

c'est fait

Answer 4

<link rel="icon" type="image/x-icon" href="assets/liana.jpg">

"assets": [

        "assets/sorry.jpg",
        "assets/liana.jpg"

  ],

cela a fonctionné pour moi.

Answer 5

Dans mon cas, le problème était que j'avais des dimensions différentes de celles d'une personne normale. J'avais 48x48 px alors qu'il s'attendait à 32x32 px et mon extension était png donc j'ai dû la changer en ico