web-dev-qa-db-fra.com

Impossible de changer par défaut NUXT FAVICON

Je suis nouveau à Nuxt et essaye de changer de Favicon par défaut dans mon projet.

J'ai changé le favicon.png et favicon.ico Dans mon static Dossier. => n'a pas fonctionné.

modifié le favicon.png et favicon.ico Dans mon dist Dossier. => n'a pas fonctionné.

remplacé les fichiers appropriés générés par des sites Web générateurs Favicon dans mon dist/_nuxt/icons dossier. => n'a pas fonctionné.

et c'est mon nuxt.config.js

head: {
    title: "my first nuxt proj - main page",
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: pkg.description }
    ],
    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.png' }],
  },

est-ce que je manque quelque chose?

javascriptvue.jsfrontendnuxt.jsfavicon
7
Hossein

Avez-vous essayé remplacer type: 'image/x-icon' avec type: 'image/png'?

Les infos sur cet attribut et cette étiquette peuvent généralement être lues ici

nuxt convertira des objets comme { head: { link: [{ rel: 'icon', type: 'image/png', href: '/favicon.png' }] }} à

<head>
  <link rel='icon' type='image/png' href='/favicon.png'>
</head>

Vous pouvez donc utiliser tous les attributs énumérés dans l'article ci-dessus.

3
Mik

Parfois, cela se produit lorsque l'icône PWA est tombée dans le cache. Vous avez juste besoin de renommer l'icône PWA dans NUXT.Config.js comme ceci:

enter image description here

Et peut être après cela, il devra reconstruire le projet.

0
Airyng