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

Ce qui fonctionne vraiment pour moi, c'est de placer mon favicon dans le dossier assets et de le faire apparaître automatiquement dans le navigateur.

1. changez l'emplacement du dossier assets dans le dossier src.
2. modifiez index.html comme ceci <link rel="icon" type="image/x-icon" href="assets/favicon.png">

Answer 2

La suppression du cache du favicon de chromes et le redémarrage du navigateur sur le mac ont fonctionné pour moi.

rm ~/Library/Application\ Support/Google/Chrome/Default/Favicons

Answer 3

J'ai eu le même problème, et je l'ai résolu en forçant le rafraîchissement par la méthode décrite. ici :

Pour rafraîchir la favicon de votre site, vous pouvez forcer les navigateurs à télécharger une nouvelle version en utilisant la balise link et une chaîne de requête sur votre nom de fichier. Cette méthode est particulièrement utile dans les environnements de production pour s'assurer que vos utilisateurs obtiennent la mise à jour.

<link rel="icon" href="http://www.yoursite.com/favicon.ico?v=2" />

Answer 4

J'ai résolu le problème en créant mon propre fichier .ico et en créant un dossier de ressources dans lequel j'ai placé le fichier. J'ai ensuite modifié le lien href dans Index.html.