Having found some issues using relative paths to reference external library files in my app, I thought I’d got everything fixed by ensuring the app used absolute paths. However, I’ve found that the splash screen, icons and all images inside the app don’t display because they too are using a relativ…

Yup. I created my own icons and splash screen, ran ionic resources in terminal. Still paths are broken. I’ve also tried building with the new lab app. In summary; in browser and inside ionic lab (server) the icon, splash screen and internal images all display fine. In ionic lab (emulate and run)…

I don’t use GenyMotion, I use only browser and real device, the only issue I got with ionic resource is that the paths in config.xml were using backslahes so maybe there is an issue specific with GenyMotion, have you same issue on real device (the build is a little bit different) ?

Genymotion is just a virtualbox. I’ve also tested inside Ionic View on real devices and the iOS simulator inside Ionic lab. All have broken images.

Found the problem! I was using paths like this in my html: <img ng-src="/img/logo/png"/> …which works fine in browser. Not so much in the built app. You must use: <img ng-src="img/logo/png"/> Note the omitted first ‘/’ #facepalm :smiley:

Absolute vs relative paths in app builds

gmarziou August 14, 2015, 11:50am 2

have you used ionic resources? it creates the files and update config.xml

Ionic app is not able to load external images

Topic		Replies	Views
Path File of Images browser / android ionic-v1	2	2093	June 2, 2015
Build failure because of... App Icons ?! ionic-v1	0	553	July 21, 2016
Images not displayed on Android device ionic-v1	23	40697	January 6, 2020
Failed to build ionic app for android on my windows PC‏ ionic-v1	1	1345	May 13, 2016
Image paths are "wrong" on html and css (production) ionic-v3	3	4545	November 21, 2017

Absolute vs relative paths in app builds

Related topics