/ ionic

Ionic images not loading after running app on an iOS device or simulator

[Ionic[email protected], Cordova 8.0.0]

So you have added an image (.jpg, .png) into a page on your new ionic app and testing in the browser all looks fine. But when you run the app on an ios device or simulator the image is broken and doesn't display. The main reason for this is a simple slash at the start of the image path.

The example below won't work:
<img src="/assets/img/example.png">

Removing the slash will fix the issue:
<img src="assets/img/example.png">

This is due to a path issue with the root of your app. Making the path relative will stop any confusion.