Добавление изображения активов с помощью angular 8 и веб-пакета

Question

Я пытаюсь быстро добавить несколько изображений в проект, который использует веб-пакет. Я управляю приложением Angular, но никогда не использовал веб-пакет. Я просто добавил в проект папку src / assets / images с файлом lo go .png. Затем мне это нужно:

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

Но я не могу использовать его, потому что когда я запускаю npm start, я получаю эту ошибку:

ERROR in ./src/ assets / images / logo_app.png 1: 0 Ошибка синтаксического анализа модуля: неожиданный символ '�' (1: 0) Вам может потребоваться соответствующий загрузчик для обработки этого типа файла, в настоящее время загрузчики не настроены для обработки этого файла. См. https://webpack.js.org/concepts#loaders

Подскажите, пожалуйста, как мне быстро добавить это изображение? Заранее спасибо

Answer 1

Вы должны просто иметь возможность использовать:

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

Это будет работать, учитывая, что в вашем файле angular.json папка assets включена в массив assets параметров сборки (это там по умолчанию)

//...
"architect": {
  "build": {
  //..
    "options": {
    //..
      "assets": [
        "path/to/assets/folder",
      ],
//..
}