Ionic 3: файл изображений не загружается на устройства
Я не мог понять, что пошло не так. Когда я пытаюсь ionic serve все загружается правильно. Но когда я пытаюсь запустить его на устройстве Android, ни одно из изображений не загружается и вместо этого показывает ошибку Failed to load resource: net::ERR_FILE_NOT_FOUND Ни одно из изображений не загружается должным образом.
мой scs-файл
.bg-image{
background-image: url('../../assets/imgs/bgimage.png');
background-repeat: no-repeat;
background-size: 200%;
background-attachment: fixed;
position: absolute;
мой html-файл
<div class = "bg-image">
.
.
</div>
не могу разобраться помогите.
Ответы 4
Попробуй это .
.bg-image{
background-image: url('/assets/imgs/bgimage.png');
background-repeat: no-repeat;
background-size: 200%;
background-attachment: fixed;
position: absolute;
используйте chrome inspect, чтобы проверить путь к файлу в APK.
Hello,
.bg-image{
background-image: url('../assets/imgs/bgimage.png');
background-repeat: no-repeat;
background-size: 200%;
background-attachment: fixed;
position: absolute;
}
When addressing images from your .ts files, use ../assets relative path because we have to get out of the build directory first. When addressing the image from your .html files, use assets relative path, because in the final apk file all HTML are merged into one single file called index.html which is placed next to the assets directory and there is no need to go up one level before reaching assets.
Добавьте свои изображения в каталог src/активы/imgs
Установите путь к изображению в HTML, например
<img src = "assets/imgs/bgimage.png">
Установите путь к изображению в SCSS, например
background-image: url(../assets/imgs/bgimage.png);
Будет работать браузер, эмулятор и сборка
надеюсь, что поможет вам :)
не могу понять где изображено изображение с '../assets/imgs/bgimage.png' а где то с 'assets/imgs/bgimage.png'
это происходит из-за обновления Android Studio? потому что вчера он работал нормально даже после выпуска apk, и с тех пор, как я обновил студию Android, он начал вызывать ошибку :(
Попробуйте изменить путь, сохраните изображения в основной папке www/assets/img, а затем установите
background-image: url('assets/img/bgimage.png');
Следующее решение сработало для меня.
- Добавьте свои изображения в каталог
src/assets/imgs - Установите следующее в файле scss
background-image: url("build/assets/imgs/bgimage.png");
Нет, это не сработало. До вчерашнего дня все работало отлично. А сегодня вдруг столкнулся с ошибкой для всех png, что ERR_FILE_NOT_FOUND