Ionic 3 изображения не отображаются на устройстве

Question

Я разрабатываю приложение Ionic 3.он имеет некоторые пользовательские стили, а некоторые изображения создаются с помощью scss в качестве фона.Дело в том, что когда я запускаю его на локальной (ионной подаче), он работает просто отлично.Но когда я собираю apk и запускаю его на своем телефоне, образы исчезают.

Я отладил его, и оказалось, что файлы изображений есть, но на них нет изображения.

Вот кусок scss:

&:nth-child(3) {
        border-right:none;
        padding-top: 28px;
        background: url('../../../assets/imgs/tabs/more-tab.png') no-repeat center 4px;
        background-size: 20px 20px;
      }

Когда я проверяю приложение из Chrome, я вижу файл изображения на вкладке источников.Но нет предварительного просмотра для этого.

Я немного исследовал и нашел только обходные пути относительного / абсолютного пути (который ни один не работал).На самом деле, если я изменяю путь к изображению, он даже не загружается в apk.

Есть идеи, почему это происходит?

Answer 1

Я использую фоновое изображение в app.scss и ниже работает для меня на веб / IOS / Android.Я думаю, что относительные пути должны быть связаны со структурой вывода www/build (а не со структурой каталогов кода).Так что, возможно, попробуйте просто 1 ../

background: url("../assets/img/truck.png") no-repeat;

Answer 2

Итак, получается, что для загрузки изображений как с ионной подачей, так и при сборке путь к изображению должен выглядеть следующим образом:

../assets/path-to-image

Надеюсь, это поможет кому-то еще