web-dev-qa-db-ja.com

デフォルトのnuxt faviconを変更できません

私はNuxtに新しい、プロジェクトでデフォルトのFaviconを変更しようとしています。

_staticフォルダにfavicon.pngとfavicon.icoを変更しました。 => うまくいきません。

マイdistフォルダにfavicon.pngとfavicon.icoを変更しました。 => うまくいきません。

favicon Generator Webサイトによって生成された適切なファイルをdist/_nuxt/iconsフォルダに置き換えました。 => うまくいきません。

そしてこれは私の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' }],
  },

私は何かがありませんか？

javascriptvue.jsfrontendnuxt.jsfavicon
7
Hossein

type: 'image/x-icon'をtype: 'image/png'に置き換えましたか？

この属性とタグに関する情報は、一般的に読み込められています ここ

nUXTは{ head: { link: [{ rel: 'icon', type: 'image/png', href: '/favicon.png' }] }}のようなオブジェクトを変換します

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

そのため、上記の記事に記載されている任意の属性を使用できます。

3
Mik

時にはそれはPWAアイコンがキャッシュに貼られたときに起こる。このようにNuxt.config.jsのPWAアイコンの名前を変更する必要があります。

enter image description here

その後、プロジェクトを再構築する必要があることができます。

0
Airyng