（角度）图像不会显示答案

【问题标题】：(Angular) Image won't show（角度）图像不会显示
【发布时间】：2018-04-25 06:54:15
【问题描述】：

正如标题所说，图像不会显示。这是我在 component.html 中的代码

<div>
    <img src="logo.png" alt="...">
</div>

当我查看 chrome 的控制台时，它给了我这个错误

Failed to load resource: the server responded with a status of 404 (Not Found)            logo.png

logo.png 文件与 component.html 位于同一文件夹中。这有什么问题，我该怎么办？我目前正在使用 Angular CLI：1.7.4；节点：8.11.1；打字稿：2.8.1 希望有人能提供帮助。

【问题讨论】：

【解决方案1】：

把你所有的图片放到 assets 文件夹中，然后尝试像这样加载

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

因为，Angular 会尝试从 assets 文件夹中加载所有静态内容，如图像、字体等。

【讨论】：

【解决方案2】：

Angular 是一个单页应用程序。

这意味着您只有一页，即index.html。

因此，当您编写相对 url 时，您需要从 index.html 编写它们，而不是从您的组件所在的位置编写它们。

此外，Angular CLI 建议将您的资源放在 assets 文件夹中，原因是：一旦缩小和捆绑，只有声明为资产的文件保留在您的 dist 中。

如果您不想这样做，则需要将图像作为资产添加到您的 angular-cli.json 文件中。

【讨论】：