Favicon ne s'affiche pas dans Angular 2
J'ai utilisé le code HTML ci-dessous pour afficher l'icône de favicon dans mon application Angular 2
<link rel="shortcut icon" type="image/x-icon" href="./images/favicon.png" />
Mais, il ne s'affiche dans aucun navigateur. J'ai cliqué sur le lien href et il fait référence au bon chemin et à l'ouverture de l'image correctement.
S'il vous plaît laissez-moi savoir si je manque quelque chose.
Petite mise à jour: J'utilise l'angulaire avec webpack et, à présent, j'ai vu Utiliser le gestionnaire sql lite et constaté que le favicon lui-même n'était pas chargé au démarrage de l'application.
mon port 8425 n'est pas là
Je ne comprends pas pourquoi il n'est pas chargé lui-même
Correction en 2 étapes
Étape 1: Placez le fichier d'icône dans le dossier assets
Dans l’application Angular, tous les fichiers de l’utilisateur sont uniquement gérés à partir du dossier d’actifs. Bien que l’icône par défaut de l’application angulaire se trouve dans le dossier src, le fichier de l’utilisateur ne sera pas inclus s’il est en dehors de dossier des actifs.
Étape 2: Mise à jour l'élément
<link>avec les attributs appropriés
<link rel="icon" type="image/png" href="assets/images/Logo.png">
Vous devez supprimer le > qui est ajouté juste avant la href:
<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.png" />
<!-- here ^-->