Angular 我的图像和图标没有显示，但我的路径是正确的，我如何解决这个问题？

我试图在导航栏上添加一个图像，在注销按钮上添加一个字形图标，但这些都没有显示出来

上面的导航栏是我的导航栏现在看起来的样子，下面是它应该看起来的导航栏

---

编辑：

引导程序4（您当前使用的版本）中已删除图标

---

您可以使用Font Awesome（）和Github Octicons（）作为Glyphicons的免费替代

此外，正如Eliseo所建议的，您可以使用自己的引导图标：

关于评论中所述的“glyphicon”，它不再受引导4的支持，作为替代，我建议使用或

对于第二个问题（图像未显示），需要对图像路径进行一个小的更改，这将完成以下操作：

---

在“images”文件夹之前添加

。/

意味着您需要在进入“images”文件夹之前退出当前文件夹“Header”。

Bootstrap 4已放弃对图标的支持。这就是Glyph图标没有出现在您的网站上的原因。您可以使用其他免费提供的图标库，如Google Material Design图标和字体

至于图像，我认为您没有将正确的源包含到图像中。“images”文件夹位于您当前正在处理的目录的上一级。因此，图像的正确来源应为：

<img src="../images/logo_vesta.png" alt="logo">

---

包括上面的图像标签应该可以实现您想要实现的目标。

Glyphicons已在Bootstrap 4中删除，您使用的是什么版本？@Erez.S我正在使用Bootstrap 4，这些Glyphicons是否有替代品？您可以使用Font Awesome和Github Octicons作为Glyphicons的免费替代品。（使用谷歌搜索特定链接）或自己的引导图标：谢谢！添加到回答它仍然不工作，并显示占位符图像。请给我们显示“标题”和“图像”文件夹的内容好吗？我在原始帖子中添加了这些文件夹的图像：）