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

Nous pouvons changer l'icône favicon d'angular CLI. nous devons mettre le fichier icône dans le dossier "assets" et donner ce chemin dans index.html.

<link rel="icon" type="image/x-icon" href="./assets/images/favicon.png"> C'est le travail pour moi.

Answer 2

Pour Angular 6, mettez favicon.png de taille 32x32 dans le dossier des actifs et modifiez le chemin dans index.html . Alors,

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

Answer 3

Je me débattais aussi avec ce problème, pensant que je faisais quelque chose de mal avec Angular, mais mon problème s'est avéré être la mise en cache de l'icône par Chrome. La méthode standard "Vider le cache et recharger à fond" ou le redémarrage du navigateur n'ont pas fonctionné pour moi. ce poste m'a orienté dans la bonne direction.

Cela a spécifiquement fonctionné pour moi :

Si vous êtes sous Windows et que vous utilisez Chrome, (exit chrome from taskbar ) puis allez sur C:\Users\your_username\AppData\Local\Google\Chrome\User Data\Default et supprimer les fichiers Favicons-journal, Favicons puis redémarrer chrome (à partir de la barre des tâches, kill all instances ).

Il y a beaucoup d'autres bonnes suggestions dans cet article si cela ne fonctionne pas pour vous.

Answer 4

Appuyez sur Ctrl + F5 dans la fenêtre du navigateur

Answer 5

POUR RECHARGER LE FAVICON POUR TOUT PROJET WEB :

Faites un clic droit sur la favicon et cliquez sur "recharger". Cela fonctionne à chaque fois.