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

Faites une image png avec le même nom ( favicon.png ) et changez le nom dans ces fichiers :

index.html :

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

angular-cli.json :

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

Et vous ne verrez plus jamais l'icône angulaire par défaut.

La taille doit être de 32 x 32, si elle est supérieure, elle ne s'affichera pas.

Answer 2

Étant donné que vous avez remplacé le favicon.ico physiquement, il doit y avoir un problème de mise en cache quelque part. Il y a un cache dans votre navigateur. Forcez-le à se vider en appuyant sur Ctrl + F5 .

Si l'icône par défaut est toujours affichée, essayez un autre navigateur avec un cache propre (c'est-à-dire que vous n'avez pas encore visité la page avec ce navigateur).

Effacer les raccourcis du cache : ( Source : )

Windows
IE : Ctrl + R ; Firefox : Ctrl + Shift + R Chrome : Ctrl + R ou Ctrl + F5 ou Shift + F5 .

Mac
Safari : ⌘ + R ; Firefox/Chrome : ⌘ + Shift + R .

Answer 3

Naviguer jusqu'au fichier a finalement réglé le problème pour moi. Dans mon cas : http://localhost:4200/favicon.ico

J'avais essayé de rafraîchir, d'arrêter et de démarrer ng serve à nouveau, et "Empty Cache and Hard Reload", aucun n'a fonctionné.

Answer 4

Pour vous assurer que le navigateur télécharge une nouvelle version de la favicon et n'utilise pas une version en cache, vous pouvez ajouter un paramètre fictif à l'url de la favicon :

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

Answer 5

Je suis également confronté à ce problème, alors essayez ceci

1) Redémarrez l'application, si cela ne change toujours pas.

2) Redémarrer le système (je ne sais pas si c'est la meilleure solution ou non mais cela mais cela fonctionne pour moi)