web-dev-qa-db-ja.com

ファビコンがAngular 2に表示されない

以下のHTMLコードを使用して、私のAngular 2アプリケーションにファビコンアイコンを表示しました

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

ただし、どのブラウザにも表示されません。私はhrefリンクをクリックしましたが、それは正しいパスを参照しており、画像を適切に開いています。

他に不足しているものがないかどうかお知らせください。

小さな更新：angularをwebpackで使用していますが、今、SQL liteマネージャーを使用していて、アプリケーションの起動時にファビコン自体が読み込まれていないことがわかりました。

enter image description here

私のポート8425はありません

それ自体が読み込まれていない理由がわかりません

angularfavicon
12
Rohitesh

2ステップ修正

手順1：アイコンファイルをassetsフォルダ内に配置します

Angularアプリケーションでは、すべてのユーザーファイルはアセットフォルダーからのみ提供されます。デフォルトのアイコンangularアプリはsrcフォルダー内にありますが、ユーザーのファイルはアセットフォルダの外にある場合は含まれません。

手順2：更新<link>適切な属性を持つ要素

<link rel="icon" type="image/png" href="assets/images/Logo.png">
17
Debojyoti

hrefの直前に追加された>を削除する必要があります。

<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.png" />
<!--                                          here  ^-->
1
Jai