Angular CLI のファビコンを変更する方法 質問する

Angular CLI のファビコンを変更する方法 質問する

Angular CLI によって設定されるデフォルトのファビコンを変更するにはどうすればよいですか?

いろいろ試してみましたが、そのアイコン (src フォルダーの favicon.ico) を削除したにもかかわらず、常に Angular ロゴがファビコンとして表示されます。まだ表示されており、どこから読み込まれたのかわかりません。

そのアイコンを別のアイコンに置き換えましたが、Angular のロゴはまだ表示されます。

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

ベストアンサー1

同じ名前 ( ) の png 画像を作成しfavicon.png、これらのファイル内の名前を変更します。

index.html:

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

angular-cli.json:

"assets": [
    "assets",
    "favicon.png" 
],

そして、角度のあるデフォルトのアイコンが再び表示されることはなくなります。

サイズは 32x32 である必要があります。これを超えると表示されません。

注意: これはAngular 9では動作しません

Angular 9では、アセット内にファビコンを配置し、次のようにパスを指定する必要があります。

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

おすすめ記事