Favicon不在Angular 2中显示

Question

我使用下面的html代码在我的Angular 2应用程序中显示favicon图标

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

但是,它不会在任何浏览器中显示.我点击了href链接,它指的是正确的路径并正确打开图像.

请告诉我是否遗漏了其他任何东西.

小更新:我正在使用带有webpack的angular,刚才我已经看到使用sql lite管理器,发现应用程序启动时没有加载favicon本身.

我的港口8425不在那里

我不知道为什么它不被装载

Answer 1

2个步骤修复

步骤1:将图标文件放在assets文件夹中

在Angular应用程序中,所有用户文件仅从assets文件夹提供.虽然angular应用程序的默认图标位于src文件夹中,但如果它位于assets文件夹之外,则不会包含用户的文件.

步骤-2:更新所述<link>具有适当属性的元素

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

Answer 2

您需要删除>之前添加的href：

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