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。

更新：

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

原文由 Frank 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

<img class="logo" src="assets/image.png">

这是正确的道路，可能还有其他问题。

检查图像名称或其 jpeg。也许您在资产文件夹中添加了一个新文件夹？ , 喜欢图像，如果是这样，代码应该是这样的

<img class="logo" src="assets/image/image.png">

原文由 Matan Shushan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

将资产文件夹添加到您的 angular.json。

 "assets": [
    "src/assets"
 ],

然后参考下面的图片，

 <img src="/assets/image.png">

这应该工作。

原文由 J K 发布，翻译遵循 CC BY-SA 4.0 许可协议