Angular 5 изображений не загружается из каталога ресурсов

Question

Я пытаюсь загрузить изображения из каталога ресурсов, но они не загружаются в представлении.Вот что происходит;

1. В каталоге ресурсов у меня есть несколько подпапок с изображениями во вложенных папках (например, значки и флаги)

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

В представлении у меня есть пути изображения как

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

Ошибки.

Изображение не загружается в представлении по странной причине, изображение в значках dirзагружается просто отлично.

Когда я проверяю, это то, что я обнаружил следующий сетевой вызов, который ищет изображение из корня вместо assets.

Во-вторых, здесь указано тип text/html вместо png и инициатор VM639:330?!

Однако, когда я прокручиваю дальше вверх, я обнаруживаю, что изображение было загружено ранее очень хорошо, а тип и инициатор в порядке (png и index).

Что именно здесь не так?Почему я не могу загрузить изображения из каталога ресурсов?

Answer 1

У меня та же проблема, изображение или значок в активах / изображение не может быть отображено (404 не найдено).Чтобы решить эту проблему, я определил переменные, подобные этой, в моем component.ts

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

количество точек зависит от места шаблона в исходной папке.в шаблоне я выбираю это

 <img  [src]="img"/>

Примечание: это не лучшее решение, я ищу лучшее.