Angular 6无法从资产加载图像

Question

由于某种原因，我无法在我的应用程序中显示我的图像。这是错误，测试和类：

The error: GET http://localhost:4200/assets/image.png 404 (Not Found)

<img class="logo" src="../../assets/image.png">
<img class="logo" src="../assets/image.png">
<img class="logo" src="assets/image.png">
//None of these work

.logo {
    height: 100px;
    width: auto;
    padding: 10px;
    display: block;
    margin: 0 auto;
}

知道为什么这不起作用吗？我的image.png位于我的资源文件夹中，该文件夹位于src / assets / image.png。

更新：

所以我们做了一个测试。我们将所有节点模块和项目文件复制到另一台PC，并正确加载图像。所以我认为问题在于它自己的角度项目之外。

Answer 1

按照网络上的其他教程，我创建了一个src\app\assets\images文件夹并将我的图像放在那里。但是，我的应用程序已经在src\assets中有一个资产文件夹。这有两个修复。

或者：

1. 将我的图像放在现有的src\assets文件夹中，并引用为<img src="src\assets\my-image.png"/>或
2. 将src\app\assets添加到我的angular.json资产声明和引用中，这是我对src\app\assets\images\my-image.png的初衷。