Angular 5图像未从assets目录加载

Question

我正在尝试从资源目录加载图像，但它们不会在视图中加载。这就是发生的事情;

1. 在资产目录中，我有一堆子文件夹，子文件夹中有图像（例如图标和标志）

assets_ |-img_ |-icons_ |-copyright.png |-flags_ |-ch.png |-us.png

1. 在视图中，我将图像路径设为

<img src="assets/img/flags/jp.png" alt="">和<img src="assets/img/icons/copyright.png" alt="">

1. 错误。



由于奇怪的原因，图片无法在视图中加载，图标dir中的图像加载得很好。

当我检查时，这就是我发现以下网络调用，它从根目录而不是assets查找图像。





其次，它表示类型为text/html而不是png，而发起人为VM639:330？

然而，当我进一步向上滚动时，我发现之前已经加载的图像很好，类型和启动器完全正常（png和index）。



这到底出了什么问题？为什么我无法从资源目录加载图像？

Answer 1

我有相同的问题，资产/图像中的图像或图标无法显示（找不到404）。 为了解决这个问题，我在component.ts

中定义了这样的变量。

img = require('../../../../assets/images/excel.png')

点数取决于源文件夹中模板的位置。  在我为此选择的模板中

 <img  [src]="img"/>

注意：这不是最佳解决方案，我正在寻找更好的解决方案。