Ionic 4 graphics on android 5 and 6 do not work - ionic-framework

I have an application developed in ionic 4 that running it on android 6 or 5 looks bad and without the primary colors.
This is how the image looks on android 5 and 6
and so it looks on android 8
this is my ionic info
Ionic:
Ionic CLI : 5.2.0 (C:\Users\Soporte\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : #ionic/angular 4.6.0
#angular-devkit/build-angular : 0.13.9
#angular-devkit/schematics : 7.3.9
#angular/cli : 7.3.9
#ionic/angular-toolkit : 1.5.1
Cordova:
Cordova CLI : 9.0.0 (cordova-lib#9.0.1)
Cordova Platforms : android 8.0.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 16 other plugins)
Utility:
cordova-res : 0.5.1
native-run : 0.2.7
System:
NodeJS : v10.16.0 (C:\Program Files\nodejs\node.exe)
npm : 6.10.1
OS : Windows 7
I can't think what it could be or how to find the solution. I'd appreciate if you gave me any suggestions

Related

ionic cordova run android - Ionic 4 command stuck

In ionic 4 - after running command
ionic cordova run android
The output stuck.. the output of program is as below
I am still facing issue..
My ionic info is--
Ionic:
Ionic CLI : 5.4.16
(C:\Users\LENOVO\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : #ionic/angular 4.1.1
#angular-devkit/build-angular : 0.803.26
#angular-devkit/schematics : 8.3.26
#angular/cli : 8.3.26
#ionic/angular-toolkit : 2.2.0
Cordova:
Cordova CLI : 9.0.0 (cordova-lib#9.0.1)
Cordova Platforms : android 6.3.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 4 other plugins)
Utility:
cordova-res : 0.11.0
native-run : 1.0.0
System:
NodeJS : v10.15.0 (C:\Program Files\nodejs\node.exe)
npm : 6.4.1
OS : Windows 10
I used ionic cordova run android --verbose still no success...

Ionic 4 error ios file:///private/var/containers/Bundle/Application/E5E616C0-4389-4848-80FC-6B7EFAF90D41/…/index.html

I would appreciate it if you could help me solve this problem with the platform IOS,
when running the application show the splash screen and after the screen shows a white screenshot
this is the stack shown in the execution (xcode)
the application stays like this
Ionic:
Ionic CLI : 5.4.16 (/usr/local/lib/node_modules/ionic)
Ionic Framework : #ionic/angular 4.11.10
#angular-devkit/build-angular : 0.13.9
#angular-devkit/schematics : 7.3.9
#angular/cli : 7.3.9
#ionic/angular-toolkit : 1.5.1
Capacitor:
Capacitor CLI : not installed
#capacitor/core : not installed
Cordova:
Cordova CLI : 9.0.0 (cordova-lib#9.0.1)
Cordova Platforms : android 8.1.0, ios 4.5.5
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 15 other plugins)
Utility:
cordova-res : not installed
native-run : not installed
System:
ios-sim : ios-sim/9.0.0 darwin-x64 node-v10.17.0
NodeJS : v10.17.0 (/usr/local/bin/node)
npm : 6.11.3
OS : macOS Catalina

Ionic App Showing default icon when installing

I am facing an issue in the Ionic App icon, how I can fix it? please see images
Ionic Information
Ionic:
Ionic CLI : 5.4.9 (/usr/local/lib/node_modules/ionic)
Ionic Framework : #ionic/angular 4.4.2
#angular-devkit/build-angular : 0.13.9
#angular-devkit/schematics : 7.3.9
#angular/cli : 7.3.9
#ionic/angular-toolkit : 1.5.1
Capacitor:
Capacitor CLI : 1.1.0
#capacitor/core : 1.1.0
Cordova:
Cordova CLI : 9.0.0 (cordova-lib#9.0.1)
Cordova Platforms : ios 5.1.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.0.1, (and 7 other plugins)
Utility:
cordova-res : 0.8.1
native-run : not installed
System:
Android SDK Tools : 26.1.1 (/Users/iosdev/Library/Android/sdk)
ios-deploy : 2.0.0
ios-sim : 8.0.2
NodeJS : v10.15.3 (/usr/local/bin/node)
npm : 6.10.3
OS : macOS Mojave
Xcode : Xcode 10.2.1 Build version 10E1001
u can try these steps, (i solved mine like this only)
1. npm remove cordova-res
2. npm install cordova-res
and then replace those default icon with your custom one once again and
run ionic cordova resources that will generate your custom icon and it should be shown.
This is not a bug, its IOS default functionality, Try with lots of top applications from the App store showing the same.

IONIC 4 Android 9 Background Mode PlugIn. Disable Battery Optimisation

IONIC 4 BackgroundMode PlugIn is not disable battery optimisation.
I tested these solutions, but not working:
https://github.com/katzer/cordova-plugin-background-mode/issues/430
I try to set:
this.backgroundMode.on("activate").subscribe(()=>{
this.backgroundMode.disableWebViewOptimizations();
this.backgroundMode.disableBatteryOptimizations(); HERE
console.log("background activate !!!!");
});
But i get:
Property 'disableBatteryOptimizations' does not exist on type 'BackgroundMode'. Did you mean
'disableWebViewOptimizations'
Environment:
Ionic:
ionic (Ionic CLI) : 4.12.0 (C:\Users\Julio\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : #ionic/angular 4.9.1
#angular-devkit/build-angular : 0.801.3
#angular-devkit/schematics : 8.1.3
#angular/cli : 8.1.3
#ionic/angular-toolkit : 2.0.0
Cordova:
cordova (Cordova CLI) : 9.0.0 (cordova-lib#9.0.1)
Cordova Platforms : android 8.1.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.1, (and 6 other plugins)
System:
Android SDK Tools : 26.1.1 (C:\Users\Julio\AppData\Local\Android\Sdk)
NodeJS : v11.12.0 (C:\Program Files\nodejs\node.exe)
npm : 6.7.0
OS : Windows 10
Any suggestion?
try this
First remove all the platforms, that is ios or android
ionic cordova platform rm android
ionic cordova platform rm ios
Now, add the following plugin,
ionic cordova plugin add https://github.com/tushe/cordova-plugin-background-mode.git
Then install the latest version of background-mode using
npm install --save #ionic-native/background-mode#latest
Add your platforms again then retry.

Code changes are not reflected after running the app on ios device

I'm working on a mobile app using ionic v4 and my problem is when I try to debug the app on my device I can't see the changes which I did in the file 'app.component.html'(this problem is only for this file)
I'm using vscode for coding and xCode 10 to debug the app on my device
ionic info
Ionic:
ionic (Ionic CLI) : 4.11.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : #ionic/angular 4.0.1
#angular-devkit/build-angular : 0.12.4
#angular-devkit/schematics : 7.2.4
#angular/cli : 7.2.4
#ionic/angular-toolkit : 1.3.0
Cordova:
cordova (Cordova CLI) : 8.1.2 (cordova-lib#8.1.1)
Cordova Platforms : android 7.1.4, ios 4.5.5
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 3.1.2, (and 10 other plugins)
System:
ios-deploy : 1.9.4
NodeJS : v11.10.1 (/usr/local/bin/node)
npm : 6.7.0
OS : macOS Mojave
Xcode : Xcode 10.1 Build version 10B61