CSS_CHUNK_LOAD_FAILED: white page on iOS

Hi,
I have changed laptop and I am trying to launch my Ionic + Vue.js + Capacitor App on XCode Simulator.

Android is working but iOS has a Blank page, it seems that Css is not loaded correctly.

Any solution for this problem?

[error] - {"code":"CSS_CHUNK_LOAD_FAILED","request":"/css/chunk-2718d6e0.87f7fcf6.css"}
To Native Cordova ->  IonicCordovaCommon getAppInfo IonicCordovaCommon1271251013 ["options": []]
2021-12-04 13:29:34.733479-0500 App[22576:475036] Got app info: {
    binaryVersionCode = "3.6";
    binaryVersionName = "5.6";
    bundleName = "io.ionic.largestadium";
    bundleVersion = "5.6";
    dataDirectory = "file:///Users/christiancannata/Library/Developer/CoreSimulator/Devices/CFF564F4-FAB9-4BC7-83A3-0E71B5CB705A/data/Containers/Data/Application/995599BD-9F8C-4CFD-BB98-8C4AA41AEAFE/Library/NoCloud/";
    device = "577D2ACD-B2F4-497E-9380-8F512A7B0C48";
    platform = ios;
    platformVersion = "15.0";
    version = "3.6";
}

1 Like

Hello, Could u show us about of ionic version you are using for?

Yes!

"@capacitor-community/facebook-login": "^2.0.0",
    "@capacitor/android": "^2.5.0",
    "@capacitor/cli": "^2.5.0",
    "@capacitor/core": "^2.5.0",
    "@capacitor/ios": "^2.5.0",
    "@ionic-native/core": "^5.36.0",
    "@ionic-native/facebook": "^5.36.0",
    "@ionic-native/google-maps": "^5.27.0-beta-20200630",
    "@ionic-native/in-app-browser": "^5.36.0",
    "@ionic-native/media-capture": "^5.36.0",
    "@ionic-native/native-storage": "^5.36.0",
    "@ionic-native/photo-viewer": "^5.36.0",
    "@ionic-native/sign-in-with-apple": "^5.36.0",
    "@ionic-native/status-bar": "^5.36.0",
    "@ionic-native/streaming-media": "^5.36.0",
    "@ionic/cli": "^6.18.1",
    "@ionic/pwa-elements": "^3.0.2",
    "@ionic/vue": "^5.9.1",
    "@ionic/vue-router": "^5.8.5",

Ionic CLI: 6.18.1
MacBook Air (M1, 2020)

hello, could I know which version of iOS u was using for?

Get the same error. My dependencies:

"dependencies": {
    "@capacitor/android": "^3.3.3",
    "@capacitor/cli": "^3.3.3",
    "@capacitor/core": "^3.3.3",
    "@vicons/fa": "^0.11.0",
    "core-js": "^3.6.5",
    "naive-ui": "^2.23.2",
    "sass": "^1.45.1",
    "vfonts": "^0.1.0",
    "vue": "^3.0.0",
    "vue-i18n": "^9.1.0",
    "vue-router": "^4.0.0-0",
    "vuex": "^4.0.0-0"
  },
  "devDependencies": {
    "@intlify/vue-i18n-loader": "^3.0.0",
    "@typescript-eslint/eslint-plugin": "^4.18.0",
    "@typescript-eslint/parser": "^4.18.0",
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-plugin-typescript": "~4.5.0",
    "@vue/cli-plugin-vuex": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0",
    "@vue/eslint-config-prettier": "^6.0.0",
    "@vue/eslint-config-typescript": "^7.0.0",
    "eslint": "^6.7.2",
    "eslint-plugin-prettier": "^3.3.1",
    "eslint-plugin-vue": "^7.0.0",
    "prettier": "^2.2.1",
    "sass-loader": "^8.0.2",
    "typescript": "~4.1.5",
    "vue-cli-plugin-i18n": "~2.3.1"
  }

Also using MacBook Pro (M1, 2020).

I found this very useful: