Angular 中的图标未显示

Question

我一直在努力让我的网站图标在我的 Angular 应用程序中显示。无论我尝试什么，都行不通。

我把它放在我项目的src文件夹中

这就是我在index.html中链接它的方式：

  <link rel="icon" type="image/ico" href="~/myicon.ico">

如果有人能帮助我，我将非常感激。

提前谢谢

Answer 1

静态资源保存在 Angular 应用程序的

assets

文件夹下，尝试通过指向那里的路径从资产文件夹中获取

favicon

。

<link rel="icon" type="image/ico" href="/assets/myicon.ico">

确保您在

assets

中有一个以下代码

angular.json

数组，确保将资产文件夹内容复制到最终版本。

"assets": [
   "src/assets"
],

Answer 2

  "assets": [
          "src/assets",
          "src/favicon.ico"
        ],

**将 PNG 转换为 ICO **

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