When generating the Build for IOS, the images in the assets folder are not loaded


#1

Expensive,
I’ve seen topics like these here but none of them have a resolution.

The case is: I have my images folder inside assets, with this path “src/assets/images”

In my pages, I use the IMG tag like this <img src="assets/images/some-image.png">

Using Ionic Serve, opening in the browser, the images load normally.
Using Ionic DevApp to test on a device, the images also load normally (on Android and IOS).
By doing a build and installing on Android, the images appear normally.

But by doing a build and installing on an iPhone, the images do not appear.

I already did everything the other topics asked to do, I used the following paths in the IMG tag:
./assets/images/
…/assets/images/
/assets/images/
assets/images/
…/…/assets/images/

And also made sure that all the images are with the same case sensitive. And even then, no image upload in a final build for IOS.

I ask your help because all that is missing is to publish the company’s app.

This is my packag.json:

{
    "name": "app-coachecare",
    "version": "0.0.1",
    "author": "CoachCare",
    "homepage": "https://www.coachcare.com.br",
    "description": "O aplicativo pra quem cuida da saúde.",
    "private": true,
    "scripts": {
        "clean": "ionic-app-scripts clean",
        "build": "ionic-app-scripts build",
        "lint": "ionic-app-scripts lint",
        "ionic:build": "ionic-app-scripts build",
        "ionic:serve": "ionic-app-scripts serve"
    },
    "dependencies": {
        "@angular/animations": "5.2.10",
        "@angular/common": "5.2.10",
        "@angular/compiler": "5.2.10",
        "@angular/compiler-cli": "5.2.10",
        "@angular/core": "5.2.10",
        "@angular/forms": "5.2.10",
        "@angular/http": "5.2.10",
        "@angular/platform-browser": "5.2.10",
        "@angular/platform-browser-dynamic": "5.2.10",
        "@ionic-native/camera": "^4.9.0",
        "@ionic-native/core": "4.7.0",
        "@ionic-native/splash-screen": "4.7.0",
        "@ionic-native/status-bar": "4.7.0",
        "@ionic/pro": "1.0.20",
        "@ionic/storage": "2.1.3",
        "cordova-android": "7.0.0",
        "cordova-ios": "4.5.4",
        "cordova-plugin-badge": "^0.8.7",
        "cordova-plugin-camera": "^4.0.3",
        "cordova-plugin-device": "2.0.2",
        "cordova-plugin-ionic-webview": "^1.1.19",
        "cordova-plugin-splashscreen": "^5.0.2",
        "cordova-plugin-whitelist": "^1.3.3",
        "font-awesome": "^4.7.0",
        "ionic-angular": "3.9.2",
        "ionicons": "3.0.0",
        "moment": "^2.22.1",
        "rxjs": "5.5.10",
        "sw-toolbox": "3.6.0",
        "zone.js": "0.8.26"
    },
    "devDependencies": {
        "@ionic/app-scripts": "3.1.9",
        "typescript": "~2.6.2"
    },
    "cordova": {
        "plugins": {
            "cordova-plugin-camera": {},
            "cordova-plugin-whitelist": {},
            "cordova-plugin-device": {},
            "cordova-plugin-splashscreen": {},
            "cordova-plugin-ionic-webview": {}
        },
        "platforms": [
            "android",
            "ios"
        ]
    },
    "config": {
        "ionic_copy": "./scripts/copy-custom.js"
    }
}

And these are the questions I use:

  • IONIC CLI 3.20.0
  • Cordova 8.0.0
  • Ionic PRO for build

#3

@Salute
Did you ever find a solution to this?