Question

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

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

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

请告诉我是否遗漏了其他任何事情。

小更新：我正在使用带有webpack的角度，而现在我已经拥有了看到使用sql lite管理器，发现应用程序启动时没有加载favicon本身。

我的端口8425不在那里

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

Answer 1

修复2个步骤

步骤1：将图标文件放入资产文件夹

在Angular应用程序中，所有用户文件仅从资产文件夹提供。虽然angular应用程序的默认图标位于src文件夹中，但是如果该文件不在资源文件夹中，则不会包含用户的文件。

第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  ^-->