Blank screen on ios


#1

Hello,

I got a blank screen when starting app on ios or from simulator, any idea?
Here the ouptut from xcode console

bjc[4951]: Class PLBuildVersion is implemented in both /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator.sdk/System/Library/PrivateFrameworks/AssetsLibraryServices.framework/AssetsLibraryServices (0x10de6f998) and /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator.sdk/System/Library/PrivateFrameworks/PhotoLibraryServices.framework/PhotoLibraryServices (0x10dbee880). One of the two will be used. Which one is undefined.
2017-12-04 21:26:59.297 xxx[4951:146985] Apache Cordova native platform version 4.4.0 is starting.
2017-12-04 21:26:59.298 xxx[4951:146985] Multi-tasking -> Device: YES, App: YES
2017-12-04 21:26:59.687 xxx[4951:146985] Using UIWebView
2017-12-04 21:26:59.689 xxx[4951:146985] [CDVTimer][handleopenurl] 0.146031ms
2017-12-04 21:26:59.695 xxx[4951:146985] [CDVTimer][intentandnavigationfilter] 4.414022ms
2017-12-04 21:26:59.696 xxx[4951:146985] [CDVTimer][gesturehandler] 0.000000ms
2017-12-04 21:26:59.696 xxx[4951:146985] CDVPlugin class CDVSplashScreen (pluginName: splashscreen) does not exist.
2017-12-04 21:26:59.697 xxx[4951:146985] [CDVTimer][splashscreen] 0.634968ms
2017-12-04 21:26:59.697 xxx[4951:146985] CDVPlugin class CDVStatusBar (pluginName: statusbar) does not exist.
2017-12-04 21:26:59.698 xxx[4951:146985] [CDVTimer][statusbar] 0.619948ms
2017-12-04 21:26:59.699 xxx[4951:146985] CDVPlugin class IonicKeyboard (pluginName: keyboard) does not exist.
2017-12-04 21:26:59.699 xxx[4951:146985] [CDVTimer][keyboard] 0.599027ms
2017-12-04 21:26:59.700 xxx[4951:146985] [CDVTimer][TotalPluginStartup] 10.594010ms
2017-12-04 21:27:02.740 xxx[4951:146985] Resetting plugins due to page load.
2017-12-04 21:27:04.173 xxx[4951:146985] Finished load of: xxx/Library/Developer/CoreSimulator/Devices/6EC37B07-8AE8-4D2D-BFE1-F499A1AB5D5A/data/Containers/Bundle/Application/5FAC0A9E-9D98-4325-ADE0-94124B9EDD82/xxx.app/www/index.html
2017-12-04 21:27:04.333 xxx[4951:146985] CDVPlugin class CDVDevice (pluginName: Device) does not exist.
2017-12-04 21:27:04.334 xxx[4951:146985] ERROR: Plugin 'Device' not found, or is not a CDVPlugin. Check your plugin mapping in config.xml.
2017-12-04 21:27:04.335 xxx[4951:146985] -[CDVCommandQueue executePending] [Line 142] FAILED pluginJSON = ["Device1592708386","Device","getDeviceInfo",[]]
2017-12-04 21:27:04.359 xxx[4951:146985] CDVPlugin class CDVStatusBar (pluginName: StatusBar) does not exist.
2017-12-04 21:27:04.360 xxx[4951:146985] ERROR: Plugin 'StatusBar' not found, or is not a CDVPlugin. Check your plugin mapping in config.xml.
2017-12-04 21:27:04.362 xxx[4951:146985] -[CDVCommandQueue executePending] [Line 142] FAILED pluginJSON = ["StatusBar1592708387","StatusBar","_ready",[]]

package.json

{
    "name": "XXX",
    "version": "XXX",
    "author": "XXX",
    "private": true,
    "config": {
        "ionic_webpack": "./config/webpack.config.js"
    },
    "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/common": "5.0.1",
        "@angular/compiler": "5.0.1",
        "@angular/compiler-cli": "5.0.1",
        "@angular/core": "5.0.1",
        "@angular/forms": "5.0.1",
        "@angular/http": "5.0.1",
        "@angular/platform-browser": "5.0.1",
        "@angular/platform-browser-dynamic": "5.0.1",
        "@ionic-native/core": "4.4.0",
        "@ionic-native/splash-screen": "4.4.0",
        "@ionic-native/status-bar": "4.4.0",
        "@ionic/storage": "^2.1.3",
        "@ngx-translate/core": "^9.0.1",
        "@ngx-translate/http-loader": "^2.0.0",
        "angular2-cookie": "^1.2.6",
        "cordova-android": "^6.2.3",
        "cordova-ios": "^4.4.0",
        "cordova-plugin-compat": "^1.1.0",
        "cordova-plugin-console": "^1.0.4",
        "cordova-plugin-device": "^1.1.4",
        "cordova-plugin-ionic-webview": "^1.1.11",
        "cordova-plugin-splashscreen": "^4.0.3",
        "cordova-plugin-statusbar": "^2.2.0",
        "cordova-plugin-whitelist": "^1.3.1",
        "cordova-sqlite-storage": "^2.0.4",
        "ionic-angular": "3.9.2",
        "ionic-logging-service": "^4.0.0",
        "ionic-plugin-keyboard": "^2.2.1",
        "ionicons": "3.0.0",
        "rxjs": "^5.5.2",
        "sw-toolbox": "3.6.0",
        "zone.js": "0.8.18"
    },
    "devDependencies": {
        "@angular/cli": "^1.5.5",
        "@ionic/app-scripts": "^3.1.2",
        "typescript": "2.4.2"
    },
    "description": "An Ionic project",
    "cordova": {
        "plugins": {
            "cordova-plugin-device": {},
            "cordova-plugin-ionic-webview": {},
            "cordova-plugin-splashscreen": {},
            "cordova-plugin-whitelist": {},
            "ionic-plugin-keyboard": {},
            "cordova-plugin-console": {},
            "cordova-plugin-statusbar": {}
        },
        "platforms": [
            "ios"
        ]
    }
}

config.xml

<?xml version='1.0' encoding='utf-8'?>
<widget id="xxx" version="xxx" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>xxx</name>
    <description>To see deep in the sea</description>
    <content src="index.html" />
    <access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <platform name="android">
        <allow-intent href="market:*" />
    </platform>
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
    </platform>
    <platform name="windows">
        <splash src="resources/windows/SplashScreen.scale-100.png" target="SplashScreen" />
        <splash src="resources/windows/SplashScreenPhone.scale-100.png" target="SplashScreenPhone" />
    </platform>
    <preference name="webviewbounce" value="false" />
    <preference name="UIWebViewBounce" value="false" />
    <preference name="DisallowOverscroll" value="true" />
    <preference name="android-minSdkVersion" value="16" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="SplashScreenDelay" value="0" />
    <preference name="FadeSplashScreen" value="false" />
    <preference name="FadeSplashScreenDuration" value="0" />
    <preference name="windows-target-version" value="10.0" />
    <preference name="SplashScreenBackgroundColor" value="0xFFFFFFFF" />
    <feature name="StatusBar">
        <param name="ios-package" onload="true" value="CDVStatusBar" />
    </feature>
    <allow-navigation href="http://*/" />
    <allow-navigation href="http://localhost:8100" />
    <engine name="ios" spec="^4.4.0" />
    <plugin name="cordova-plugin-console" spec="^1.0.4" />
    <plugin name="cordova-plugin-device" spec="^1.1.4" />
    <plugin name="cordova-plugin-splashscreen" spec="^4.0.3" />
    <plugin name="cordova-plugin-statusbar" spec="^2.2.0" />
    <plugin name="cordova-plugin-whitelist" spec="^1.3.1" />
    <plugin name="cordova-sqlite-storage" spec="^2.0.4" />
    <plugin name="ionic-plugin-keyboard" spec="^2.2.1" />
</widget>


#2

ionic cordova build ios --release
works but not
ionic cordova build ios --release --prod


#3

HI,

I think the problem with SplashScreen delay. Please try the below in Config.xml

    <preference name="FadeSplashScreenDuration" value="300" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="SplashScreen" value="screen" />
    <preference name="ShowSplashScreen" value="true" />
    <preference name="SplashScreenDelay" value="30000" />

Thanks
Mani


#4

The problem still exists when i build prod


#5

Does it also exist if you build a non-release version that uses --prod (but not --release)?

Then:
Did you remote debug the problem on the device already? Follow these instructions here to debug the problem in Safari dev tools: https://ionic.zone/debug/remote-debug-your-app#ios Look at the console and network tabs for errors.


#6

Yes it’s already exists when i build ionic cordova build ios --prod.


#7

Then use remote debugging to find out what is causing it. Only builds without --release can use that, that’s why I asked.


#8

I debug it on device…
got this error

promiseReactionJob@[native code] — polyfills.js:2
Error: Uncaught (in promise): Error: No provider for t!

{
  "name": "XXX",
  "version": "XXX",
  "author": "XXX",
  "homepage": "XXX",
  "private": true,
  "config": {
    "ionic_webpack": "./config/webpack.config.js"
  },
  "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/common": "4.4.6",
    "@angular/compiler": "4.4.6",
    "@angular/compiler-cli": "4.4.6",
    "@angular/core": "4.4.6",
    "@angular/forms": "4.4.6",
    "@angular/http": "4.4.6",
    "@angular/platform-browser": "4.4.6",
    "@angular/platform-browser-dynamic": "4.4.6",
    "@ionic-native/core": "4.4.2",
    "@ionic-native/splash-screen": "4.4.2",
    "@ionic-native/status-bar": "4.4.2",
    "@ionic/storage": "^2.1.3",
    "angular2-cookie": "^1.2.6",
    "cordova-browser": "^4.1.0",
    "ionic-angular": "3.9.2",
    "ionic-plugin-keyboard": "^2.2.1",
    "ionicons": "3.0.0",
    "ng2-translate": "5.0.0",
    "rxjs": "^5.5.2",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.18"
  },
  "devDependencies": {
    "@angular/cli": "^1.5.5",
    "@ionic/app-scripts": "^3.1.2",
    "typescript": "2.4.2"
  }
}


#9

I hope a big update rolls out regarding this issue which is prevalent on all Cordova apps.


#10

What is the latest stable version which İ can use.


#11

There is no issue. Please stop mentioning this all over the place.


#12

Version of what exactly?


#13

No there is. Please try out other smartphones to observe this behavior.
I’m using HTC Desire 710c to test ionic apps.
Cordova apps & Ionic apps both have this gray blank screen which can’t be removed or they get white splash screen problem pretty easily. I’ll be working on completely removing these two problems on my app again shortly.


#14

Maybe we have the same behaviour for different reasons.

Here is the stack trace when remote debug on IOS device.

Error: Uncaught (in promise): Error: No provider for t! b@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:5946 _throwOrNull@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:71054 http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:21135 pe@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:21349 fe@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:20937 http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:21178 pe@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:21349 fe@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:20937 Le@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:25538 Ne@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:24368 fn@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:35794 un@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:34588 create@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:112500 _viewInit@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:532209 http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:529375 onInvoke@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:77795 run@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/polyfills.js:3:10149 http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/polyfills.js:3:20245 onInvokeTask@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:77713 runTask@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/polyfills.js:3:10844 o@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/polyfills.js:3:7901 invokeTask@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/polyfills.js:3:16824 n@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/polyfills.js:3:66
c — polyfills.js:3:19762
(anonyme Funktion) — polyfills.js:3:19176 _fireError — vendor.js:1:529017 _failed — vendor.js:1:528863 onInvoke — vendor.js:1:77796 run — polyfills.js:3:10150 (anonyme Funktion) — polyfills.js:3:20246 onInvokeTask — vendor.js:1:77714 runTask — polyfills.js:3:10845 o — polyfills.js:3:7902 invokeTask — polyfills.js:3:16825 n — polyfills.js:3
	(anonyme Funktion) (vendor.js:1:62105)
	handleError (vendor.js:1:62117)
	next (vendor.js:1:82388)
	(anonyme Funktion) (vendor.js:1:76453)
	__tryOrUnsub (vendor.js:1:329700)
	next (vendor.js:1:328986)
	_next (vendor.js:1:328033)
	next (vendor.js:1:327705)
	next (vendor.js:1:468089)
	emit (vendor.js:1:76227)
	run (polyfills.js:3:10150)
	onHandleError (vendor.js:1:78077)
	runGuarded (polyfills.js:3:10410)
	(anonyme Funktion) (polyfills.js:3:21024)
	microtaskDrainDone (polyfills.js:3:21061)
	o (polyfills.js:3:8009)
	invokeTask (polyfills.js:3:16825)
	n (polyfills.js:3)
[Error] ERROR – SyntaxError: JSON Parse error: Expected '}' — vendor.js:0
SyntaxError: JSON Parse error: Expected '}' — vendor.js:0
	(anonyme Funktion) (vendor.js:1:62105)
	handleError (vendor.js:1:62117)
	next (vendor.js:1:82388)
	(anonyme Funktion) (vendor.js:1:76453)
	__tryOrUnsub (vendor.js:1:329700)
	next (vendor.js:1:328986)
	_next (vendor.js:1:328033)
	next (vendor.js:1:327705)
	next (vendor.js:1:468089)
	emit (vendor.js:1:76227)
	run (polyfills.js:3:10150)
	onHandleError (vendor.js:1:78077)
	runTask (polyfills.js:3:10900)
	invokeTask (polyfills.js:3:16802)
	p (polyfills.js:2:27655)
	v (polyfills.js:2:27895)

My package.json I post before.
Here is appmodule.ts

import { Http }                   from '@angular/http';
import {BrowserModule} from '@angular/platform-browser';
import  {NgModule} from '@angular/core';
import {CookieService} from 'angular2-cookie/services/cookies.service';
import {IonicApp,  IonicModule} from 'ionic-angular';
import {StatusBar} from '@ionic-native/status-bar';
import {SplashScreen} from '@ionic-native/splash-screen';
import { TranslateModule, TranslateStaticLoader, TranslateLoader } from 'ng2-translate/ng2-translate';
import {IonicStorageModule} from '@ionic/storage';

import {MyApp} from './app.component';
import {HomePage} from '../pages/home/home';


import {LoginService} from '../utils/login/login.service';


export function createTranslateLoader(http: Http) {
  return new TranslateStaticLoader(http, 'assets/i18n', '.json');
}
@NgModule({
  declarations: [
    MyApp,
    HomePage
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp),
    TranslateModule.forRoot({
      provide: TranslateLoader,
      useFactory: (createTranslateLoader),
      deps: [Http]
    }),
    IonicStorageModule.forRoot()
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    LoginService,
    CookieService
  ]
})
export class AppModule {
}

Here is config.xml

<?xml version='1.0' encoding='utf-8'?>
<widget id="XXX" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>XXX</name>
    <author xxx</author>
    <content src="index.html" />
    <access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <preference name="ScrollEnabled" value="false" />
    <preference name="android-minSdkVersion" value="16" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="FadeSplashScreenDuration" value="300" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="SplashScreen" value="screen" />
    <preference name="SplashScreenDelay" value="3000" />
    <allow-navigation href="http://*/" />
    <allow-navigation href="http://localhost:8100" />
    <platform name="android">
        <allow-intent href="market:*" />
        <icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />
        <icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />
        <icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" />
        <icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" />
        <icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" />
        <icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" />
        <splash density="land-ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png" />
        <splash density="land-mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png" />
        <splash density="land-hdpi" src="resources/android/splash/drawable-land-hdpi-screen.png" />
        <splash density="land-xhdpi" src="resources/android/splash/drawable-land-xhdpi-screen.png" />
        <splash density="land-xxhdpi" src="resources/android/splash/drawable-land-xxhdpi-screen.png" />
        <splash density="land-xxxhdpi" src="resources/android/splash/drawable-land-xxxhdpi-screen.png" />
        <splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" />
        <splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" />
        <splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" />
        <splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" />
        <splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />
        <splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />
    </platform>
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
        <icon height="57" src="resources/ios/icon/icon.png" width="57" />
        <icon height="114" src="resources/ios/icon/icon@2x.png" width="114" />
        <icon height="40" src="resources/ios/icon/icon-40.png" width="40" />
        <icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" />
        <icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" />
        <icon height="50" src="resources/ios/icon/icon-50.png" width="50" />
        <icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" />
        <icon height="60" src="resources/ios/icon/icon-60.png" width="60" />
        <icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" />
        <icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" />
        <icon height="72" src="resources/ios/icon/icon-72.png" width="72" />
        <icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" />
        <icon height="76" src="resources/ios/icon/icon-76.png" width="76" />
        <icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" />
        <icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" />
        <icon height="29" src="resources/ios/icon/icon-small.png" width="29" />
        <icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" />
        <icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" />
        <icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" />
        <splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
        <splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
        <splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />
        <splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" />
        <splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" />
        <splash height="2048" src="resources/ios/splash/Default-Landscape@~ipadpro.png" width="2732" />
        <splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" />
        <splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />
        <splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" />
        <splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
        <splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
        <splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />
        <splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" />
    </platform>
    <plugin name="ionic-plugin-keyboard" spec="~2.2.1" />
    <plugin name="cordova-plugin-whitelist" spec="1.3.1" />
    <plugin name="cordova-plugin-device" spec="1.1.4" />
    <plugin name="cordova-plugin-splashscreen" spec="~4.0.1" />
    <plugin name="cordova-plugin-ionic-webview" spec="^1.1.11" />
</widget>


#15

I debug it more…
after calling

      this.translate.setDefaultLang('en');
      this.translate.use('de');

the method is called from translate.service

    TranslateStaticLoader.prototype.getTranslation = function (lang) {
        return this.http.get(this.prefix + "/" + lang + this.suffix)
            .map(function (res) { return res.json(); });
    };
    return TranslateStaticLoader;

The error occurs

VM2218:1 Uncaught ReferenceError: TranslateStaticLoader is not defined
    at eval (eval at TranslateStaticLoader.getTranslation (translate.service.js:35), <anonymous>:1:1)
    at TranslateStaticLoader.getTranslation (translate.service.js:35)
    at TranslateService.getTranslation (translate.service.js:157)
    at TranslateService.retrieveTranslations (translate.service.js:146)
    at TranslateService.setDefaultLang (translate.service.js:91)
    at app.component.ts:28
    at t.invoke (polyfills.js:3)
    at Object.onInvoke (core.es5.js:3890)
    at t.invoke (polyfills.js:3)
    at r.run (polyfills.js:3)

#16

ok the TranslateStaticLoader is fixed… but same behaviour

Error: Uncaught (in promise): Error: No provider for t! b@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:5946 _throwOrNull@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:71054 http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:21135 pe@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:21349 fe@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:20937 http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:21178 pe@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:21349 fe@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:20937 Le@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:25538 Ne@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:24368 fn@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:35794 un@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:34588 create@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:112500 _viewInit@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:532209 http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:529375 onInvoke@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:77795 run@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/polyfills.js:3:10149 http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/polyfills.js:3:20245 onInvokeTask@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/vendor.js:1:77713 runTask@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/polyfills.js:3:10844 o@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/polyfills.js:3:7901 invokeTask@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/polyfills.js:3:16824 n@http://localhost:8080/var/containers/Bundle/Application/FDAE5C48-8AC8-4B3A-8954-78C79865B070/XXX.app/www/build/polyfills.js:3:66
c — polyfills.js:3:19762

#17

I tried all kinds tweaks for several days too. No luck.
It’s not just on iOS… android has same blank gray screen or white splash screen.
Not too many ways around this yet I guess. Please file error report to Ionic CLI development team.
The problem is in Cordova. I built an apk file based on pure Apache Cordova… no Phonegap, Ionic added. And it showed me the same blank screen… so I can tell you this is a problem from Cordova.
Ionic runs based on Cordova.

cordova.apache.org

I wish they roll out an update which removes this splash screen problem. It looks like newer & more powerful smartphones can bypass this problem but some old smartphones still show this issue.


#18

@jamesharvey Please stop spreading this FUD. There is no general Cordova white or grey screen problem.

The Ionic projet is only using Cordova in the background, so there is nothing Ionic could do about it anyway - even if a real problem existed.

If you think there is an issue with Cordova, create one at issues.cordova.io. Unless you do that and can post the link to that issue here, everyone will think you just want to spread FUD.


#19

Can nobody help me.
İt is really strange, in one project no lines in others no build for prod


#20

I’m filing this error report now.

Please give me links of all places I can file Cordova errors… as well as their email address.
Issue filed here:
https://issues.apache.org/jira/browse/CB-13654

I’m not doing FUD… I’m developing an app on Ionic and spending 10+ hours a day toward it and I wish this gray blank screen problem and white splash screen problem will not ruin my project.

This gray blank screen error and white splash screen issue led me to study and try out Apache Cordova, PhoneGap because I thought this error only happens to Ionic. But actual problem is Cordova… I exported apps on Apache Cordova and it showed the same issues.