İyonik 2 Qurilmada ko'rsatilmaydi

Vahiyga to'g'ri url yo'lini ishlatish kabi eng oddiy narsalar, hech qanday muvaffaqiyatsiz, ko'p vaqt va kuch sarflashi mumkin.

Shunday qilib, ota-sayfamda quyidagilardan birini foydalanishga harakat qilaman:






Ularning barchasi brauzerda ko'rinadi va qurilmada emas.

Men ko'plab mavzularni o'qidim va bu sharmandali narsa, ammo buning haqiqiy echimi yo'q. Men bu erda noto'g'ri ish qilayotganimni bilishni xohlaysizmi? Har qanday yordam va haqiqiy echimlar juda qadrlanadi.

31
bu shov-shuv, lekin bu +1 +1 +1 uchun haqiqiy echim yo'q
qo'shib qo'ydi muallif funkybro, manba
bu shov-shuv, lekin bu +1 +1 +1 uchun haqiqiy echim yo'q
qo'shib qo'ydi muallif funkybro, manba
quyida keltirilgan takliflardan hech biri men uchun ishlamagan
qo'shib qo'ydi muallif Naga, manba
quyida keltirilgan takliflardan hech biri men uchun ishlamagan
qo'shib qo'ydi muallif Naga, manba
Qopqog'ingizni ham tomosha qiling! Ba'zi qurilmalarda katta-kichikligi aniqlangan fayl tizimlari mavjud. Men qurilma uchun ion appini tarqatganimda va meni topolmadim.
qo'shib qo'ydi muallif flyer, manba
Men his qilaman haqiqiy yechim: src = "assets/img/image.jpg" kabi barcha yo'llaringizni qiling va bir marta sizning app src'inizin har bir joyida buni qiling: ionic cordova qurish ... Bu tasvirlar paydo bo'lishiga ishonch hosil qiladi. keyingi bosqichda.
qo'shib qo'ydi muallif Abhay Shiro, manba
Men his qilaman haqiqiy yechim: src = "assets/img/image.jpg" kabi barcha yo'llaringizni qiling va bir marta sizning app src'inizin har bir joyida buni qiling: ionic cordova qurish ... Bu tasvirlar paydo bo'lishiga ishonch hosil qiladi. keyingi bosqichda.
qo'shib qo'ydi muallif Abhay Shiro, manba

18 javoblar

Nisbatan yo'llar bilan bir xil muammoga aylandim

  

does work with ionic serve/and also with livereload in the emulator (e.g. from src/pages/home/home.html ) But not on the device.

Rasmlar uchun nisbatan yo'llarni ishlatmang !!!

  

Ionic (v3) va shuningdek burchakli matnli ilovalar bilan ishlashim. ionic service va ng s (burchakli ilovalar) bilan qurilmada ( ionic cordova run ),

ishlatiladigan daryo daraxti:

used dir tree

ion konferensiyasida marshrutni (rasmiy) ko'rishingiz mumkin, harakat qilib ko'ring:

ionic start ionicConf conference

(btw: same quetiosn & answer here: https://forum.ionicframework.com/t/images-not-displayed-on-device/89145 )

47
qo'shib qo'ydi

../assets/ kodini ishlatishingiz shart emas. Faqat aktivlar/img/ dan yo'lni belgilang.

CSS (background-image, border-image, va hokazo.) ichidagi tasvirlar uchun siz ../assets/ dan foydalaning.

Ilovani yaratganingizdan so'ng fayl strukturasi o'xshash bo'ladi,

 assets/
    img/
       img1.jpg
       img2.jpg

 build/
    main.css
    polyfills.js
    main.js

 index.html

HTML index.html ga dinamik ravishda qo'shiladi. Shunday qilib, img yorlig'i index.html faylining bir xil manzilidan bo'ladi. Ya'ni, aktiv/img/*. Jpg img tagidagi src uchun kifoya. CSS fayliga kelib, aktivlari papkasi uning joylashgan joyiga qayta tiklanadi. background-image , border-image kabi CSS-dan tasvirni ishlatish uchun biz ../ assets/img/* .jpg .

41
qo'shib qo'ydi
DomSanitizerni '@ burchak/platform-brauzerdan dan import qilish kerak. Yaxshiyamki, bu men uchun ishlamagan
qo'shib qo'ydi muallif Hamed, manba
@PiotrekDe, ion xizmatidan foydalanib dasturni taqdim qilayotib, CSS fayli fayllar ildiz katalogini izlaydi. Biroq, ilovani yaratganingizdan so'ng, CSS joylashuvidan nisbatan yo'llardan rasmlarni yuklaydi.
qo'shib qo'ydi muallif Harish, manba
Ion ko'rinishidagi tuzatish sifatida ham ishlaydi. Rahmat
qo'shib qo'ydi muallif Fintan Kearney, manba
@Harish Lekin img yoki link rel uchun background-image dan boshqa barcha rasm manbalari uchun aktivlarni/ dan foydalanaman = "Belgini" va ular uchun yaxshi ishlaydi. Shuning uchun men buni background-url uchun ishlamasa ajablandim. Ehtimol, men manbalarni to'g'ri nusxa ko'chirmadim va buzilishdan yiroqlashdim ... HTMLda background-image CSS va img uchun aynan bir xil ish bo'lishi kerak.
qo'shib qo'ydi muallif Piotr De, manba
background-image uchun nima uchun ../ assets/ kodini ishlatishimiz kerak? Men buni joziba kabi ishlayotganini ko'rmoqchiman, lekin nima uchun assets/ nima sababli tushunmayapman.
qo'shib qo'ydi muallif Piotr De, manba
Bu to'g'ri javob. Bu mavzudagi boshqa narsalar SPAM yoki noto'g'ri/noto'g'ri ma'lumotlar. IDE-ni baxtli ushlab turish uchun (ya'ni, "katalog" aktivlarini hal qila olmaysiz " ogohlantirishlari) siz ramziy havolalardan foydalaning. Ie. bu sizning sahifalaringiz katalogidagi barcha SCSS fayllari uchun ushbu ogohlantirishlarni bartaraf etish uchun ishlaydi: (asosiy loyiha katalogidan) ln -s $ (pwd)/src/aktivlari $ (pwd)/src/pages
qo'shib qo'ydi muallif Sensei James, manba

../assets/ kodini ishlatishingiz shart emas. Faqat aktivlar/img/ dan yo'lni belgilang.

CSS (background-image, border-image, va hokazo.) ichidagi tasvirlar uchun siz ../assets/ dan foydalaning.

Ilovani yaratganingizdan so'ng fayl strukturasi o'xshash bo'ladi,

 assets/
    img/
       img1.jpg
       img2.jpg

 build/
    main.css
    polyfills.js
    main.js

 index.html

HTML index.html ga dinamik ravishda qo'shiladi. Shunday qilib, img yorlig'i index.html faylining bir xil manzilidan bo'ladi. Ya'ni, aktiv/img/*. Jpg img tagidagi src uchun kifoya. CSS fayliga kelib, aktivlari papkasi uning joylashgan joyiga qayta tiklanadi. background-image , border-image kabi CSS-dan tasvirni ishlatish uchun biz ../ assets/img/* .jpg .

41
qo'shib qo'ydi
DomSanitizerni '@ burchak/platform-brauzerdan dan import qilish kerak. Yaxshiyamki, bu men uchun ishlamagan
qo'shib qo'ydi muallif Hamed, manba
@PiotrekDe, ion xizmatidan foydalanib dasturni taqdim qilayotib, CSS fayli fayllar ildiz katalogini izlaydi. Biroq, ilovani yaratganingizdan so'ng, CSS joylashuvidan nisbatan yo'llardan rasmlarni yuklaydi.
qo'shib qo'ydi muallif Harish, manba
Ion ko'rinishidagi tuzatish sifatida ham ishlaydi. Rahmat
qo'shib qo'ydi muallif Fintan Kearney, manba
@Harish Lekin img yoki link rel uchun background-image dan boshqa barcha rasm manbalari uchun aktivlarni/ dan foydalanaman = "Belgini" va ular uchun yaxshi ishlaydi. Shuning uchun men buni background-url uchun ishlamasa ajablandim. Ehtimol, men manbalarni to'g'ri nusxa ko'chirmadim va buzilishdan yiroqlashdim ... HTMLda background-image CSS va img uchun aynan bir xil ish bo'lishi kerak.
qo'shib qo'ydi muallif Piotr De, manba
background-image uchun nima uchun ../ assets/ kodini ishlatishimiz kerak? Men buni joziba kabi ishlayotganini ko'rmoqchiman, lekin nima uchun assets/ nima sababli tushunmayapman.
qo'shib qo'ydi muallif Piotr De, manba
Bu to'g'ri javob. Bu mavzudagi boshqa narsalar SPAM yoki noto'g'ri/noto'g'ri ma'lumotlar. IDE-ni baxtli ushlab turish uchun (ya'ni, "katalog" aktivlarini hal qila olmaysiz " ogohlantirishlari) siz ramziy havolalardan foydalaning. Ie. bu sizning sahifalaringiz katalogidagi barcha SCSS fayllari uchun ushbu ogohlantirishlarni bartaraf etish uchun ishlaydi: (asosiy loyiha katalogidan) ln -s $ (pwd)/src/aktivlari $ (pwd)/src/pages
qo'shib qo'ydi muallif Sensei James, manba

Add your images to src/assets/imgs directory

Rasm yo'lini HTML kabi sozlang


Rasm yo'lini SCSS-ga o'xshash qilib belgilang

background-image: url(../assets/imgs/example.jpg);

Brauzer, emulyator va qurilma ishlaydi

7
qo'shib qo'ydi
bu ish mening uchun ionic version 4
qo'shib qo'ydi muallif Khan, manba

Komponentlarning barcha shabloni index.htmlga qo'shiladi, shuning uchun tasvir manba usuli shablon faylga nisbatan emas index.htmlga nisbatan

2
qo'shib qo'ydi
qo'shib qo'ydi muallif Nathan Tuggy, manba

Muammo jilddagi fayl nomidan katta bo'ldi. Uni hozir tekshirish

enter image description here

1
qo'shib qo'ydi
Mening ishim uchun rahmat
qo'shib qo'ydi muallif Priyanka Sankhala, manba
bu hiyla qilmadi. eng kiyinadigan narsadir, men qurilmada boshqa tasvirlarni ko'rishim mumkin
qo'shib qo'ydi muallif Tzvi Gregory Kaidanov, manba

Men his qilaman haqiqiy yechim: src = "assets/img/image.jpg" kabi barcha yo'llaringizni qiling va bir marta sizning app src'inizin har bir joyida buni qiling: ionic cordova qurish ... Bu tasvirlar paydo bo'lishiga ishonch hosil qiladi. keyingi bosqichda.

1
qo'shib qo'ydi

Men bu masalani ham boshdan kechirdim va shablon fayllaridagi barcha rasm manbalarini "src" katalogidagi index.html fayliga jo'natishganidek sinab ko'rdim.


Buning sababi, "ion xizmati" ni ishlatishda ishlaydi, lekin qurilma uchun qurilganidan keyin "ion xizmat" mahalliy http serveridan foydalanadi, shuning uchun fayllar " http://localhost: port_number/aktivlar/path_to_file " (bu to'g'ri). Biroq, apk qurilma uchun qurilganidan so'ng, hech qanday mahalliy server ishlatilmaydi va fayllar index.html faylidan olinganligi uchun kirish imkoni bo'lmaydi.

1
qo'shib qo'ydi

Ionik (v3) da ishlashi kerak, uning ishlari men uchun.

  

Qo'shimcha

Rasmingiz URL dinamik bo'lsa, u holda xususiyatni ulash xususiyatidan foydalanishingiz mumkin, ba'zan haqiqiy imgda biz img src kabi-

      

u brauzerda ishlaydi, lekin haqiqiy qurilmada ba'zan u ishlamaydi, shuning uchun biz bu erda mulkni majburiy ravishda ishlatadigan boshqa usuli -

      

u haqiqiy qurilmada ishlaydi.

1
qo'shib qo'ydi

Men bir xil muammoga duch keldim, lekin yo'l bilan aniq va aniq yo'l bilan hal qildim va u hozir ishlaydi. Tajribamni baham ko'rmoqchi edim, chunki burchak faylini o'zgartirmadim, chunki img joyini lolx kulgili deb hisobladi, lekin men ham shunday qildim.

1
qo'shib qo'ydi

Yuqoridagi javoblarni yana bir bor qo'shishni istardim - bu men uchun ikki marta allaqachon muammoni hal qilardi va uni ikki marta ham qiyin tarzda o'rganishim kerak edi.

Masalan, agar siz pastki papkani qo'shsangiz, masalan, aktivlar yo'lingizga «Sinov» ni kiritib, ilovani yaratishingiz mumkin bo'lsa, "www" papkasida jildni test qilish yaratiladi.

Keyinchalik src/papkasida "test" (papkaga e'tibor bering) papkasini nomini o'zgartirsangiz, "www" ichidagi nom "test" (katta t ni ko'rib turing) bo'lib qoladi va tasvirlar brauzerda an'anaviy tarzda yuklanadi (agar ion xizmatidan foydalanish). Agar siz Android qurilmasida ishlasangiz, narsa ishlamaydi (tasvirlar ko'rsatilmaydi). Shunday qilib, papkalarni ham www papkasida qo'lda nomlashingiz kerak.

Ushbu "muammo" Linuxda/Mac OS uchun ishonchli emas, balki Windowsda saqlanib qoladi, ammo bu katta muammo T.da katta bo'lmaganligi sababli sodir bo'lmagani uchun tuyulaman.

0
qo'shib qo'ydi

Yuqoridagi javoblarni yana bir bor qo'shishni istardim - bu men uchun ikki marta allaqachon muammoni hal qilardi va uni ikki marta ham qiyin tarzda o'rganishim kerak edi.

Masalan, agar siz pastki papkani qo'shsangiz, masalan, aktivlar yo'lingizga «Sinov» ni kiritib, ilovani yaratishingiz mumkin bo'lsa, "www" papkasida jildni test qilish yaratiladi.

Keyinchalik src/papkasida "test" (papkaga e'tibor bering) papkasini nomini o'zgartirsangiz, "www" ichidagi nom "test" (katta t ni ko'rib turing) bo'lib qoladi va tasvirlar brauzerda an'anaviy tarzda yuklanadi (agar ion xizmatidan foydalanish). Agar siz Android qurilmasida ishlasangiz, narsa ishlamaydi (tasvirlar ko'rsatilmaydi). Shunday qilib, papkalarni ham www papkasida qo'lda nomlashingiz kerak.

Ushbu "muammo" Linuxda/Mac OS uchun ishonchli emas, balki Windowsda saqlanib qoladi, ammo bu katta muammo T.da katta bo'lmaganligi sababli sodir bo'lmagani uchun tuyulaman.

0
qo'shib qo'ydi

Rasmingizni src/app/assets/folder ostida qo'shing

Quyidagi kabi qo'ng'iroq qiling

    
0
qo'shib qo'ydi
src/app/papkani ostida aktivlar papkasi mavjud. ionic2 da sukutlangan (yangi o'rnatishda uni topasiz.)
qo'shib qo'ydi muallif Kishore Kumar, manba
Siz ilovalar papkasida ilovalar papkasini qo'yasizmi? Aktivlar papkasi src ostida o'z katalogidir.
qo'shib qo'ydi muallif bluewavestudio, manba

Mening ilovamda tasvirlar brauzerda va haqiqiy ilovalarda yaxshi ko'rinadi, chunki ular rasmlarni emas, balki www/img-da va HTML-fayllar bilan kiradi:


0
qo'shib qo'ydi
Ajoyib. Yana tekshirib ko'rdim va birinchi javobga asoslangan holda forum.ionicframework . (Ishlar Ionic 2 RC0 bilan biroz o'zgargan ko'rinadi bo'lsa ham), ishlashi kerak bo'lgan .com/t/where-should-i-put-images/41463 . Va binolar yaratilish katalogida bo'lmaganligi uchun tasvirlar silinmaydilar. Siz tasvirni CSS-ga yoki to'g'ridan-to'g'ri html-ga yo'naltirasizmi? Brauzeringizning xato tuzatuvchi konsolida sizda xato xabari bormi?
qo'shib qo'ydi muallif Kaixin, manba
Buni sinab ko'ring, brauzerda tasvirlar ko'rsatilmaydi. Shuningdek, ularni www papkasiga qo'yib, ular o'chirilmaydimi?
qo'shib qo'ydi muallif bluewavestudio, manba
Men har ikkala variantni ham CSS-ga murojaat qildim.
qo'shib qo'ydi muallif bluewavestudio, manba

ionic cordova android qurish uchun ko'rsatilmaydigan rasm Bu echimni Ionic 3 da topdim.

harakat qilib ko'ring:

Loading...

Bu men uchun ish.

0
qo'shib qo'ydi

ionic cordova android qurish uchun ko'rsatilmaydigan rasm Bu echimni Ionic 3 da topdim.

harakat qilib ko'ring:

Loading...

Bu men uchun ish.

0
qo'shib qo'ydi

Rasmni HTML shabloni yordamida referans qilsangiz, siz foydalanasiz u menga ion v3 uchun ishladi

0
qo'shib qo'ydi

Bu men bilan yuz berdi va men buni quyidagi tarzda hal qildim: faylning tafsilotlarini faylga o'xshashligini tekshiring .jpg yoki .JPG bu oddiy ko'rinishi mumkin, ammo test qilish va muammoni tuzatishni bilib olasiz .

0
qo'shib qo'ydi
Angular Uzbekistan
Angular Uzbekistan
107 ishtirokchilar

Guruh Angular bo'yicha muloqot qilish uchun ochilgan Sizni qiziqtirsa: @nodejs_uz @react_uz @angular_uz @yiiframework_uz @js_uzb @typescript_uzb @vuejs_uz @ngTashkent @laravel_uz @uzdevgroup Ish o'rinlari @UzDev_jobs

ngTashkent
ngTashkent
77 ishtirokchilar

Правила просты: 1. Не хамить 2. Не хейтить 3. Реакт не нужен Ссылки: https://t.me/angular_ru - старший брат https://t.me/angular_uz - ангулар на узбекском @js_uzb @vuejs_uz @react_uz @nodejs_uz @yiiframework_uz @uzdevgroup @UzDev_Jobs @tasdev_talks