Frequently asked questions (FAQ)

iOS app rejected and got mail ITMS-90809: Deprecated API Usage?

ITMS-90809: Deprecated API Usage - Apple will no longer accept submissions of new apps that use UIWebView as of April 30, 2020 and app updates that use UIWebView as of December 2020. Instead, use WKWebView for improved security and reliability.

Add a preference in config.xml file

and run command cordova prepare. build again and upload

<preference name="WKWebViewOnly" value="true" />

cordova prepare

Internet Content not loading on android 9

Add android:usesCleartextTraffic="true" in platform/android/app/src/main/AndroidManifest.xml file.

<uses-permission android:name="android.permission.INTERNET" />
<application android:usesCleartextTraffic="true" android:hardwareAccelerated="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:networkSecurityConfig="@xml/network_security_config" android:supportsRtl="true">

Internet Content not on android mobile for non SSL site

Add you site Domain in app/resources/android/xml/network_security_config.xml file. Need to add this each time when you remove and add android platform. in the example below replace example.com with your domain

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <domain-config cleartextTrafficPermitted="true">
        <domain includeSubdomains="true">localhost</domain>
        <domain includeSubdomains="true">example.com</domain>
    </domain-config>
</network-security-config>

Install module wkwebview-inject-cookie

npm i cordova-plugin-wkwebview-inject-cookie
ionic cordova plugin add cordova-plugin-wkwebview-inject-cookie

Add below code in app.component.ts file after before @Component({

declare var wkWebView: any;

Add below code in app.component.ts file after this.platform.ready().then(() => {

and update domain.com with you domain name

document.addEventListener('deviceready', () => {
	   wkWebView.injectCookie('https://domain.com/');
});

I am getting ionic-app-scripts error

If you get error like node_modules\.bin\ionic-app-scripts' is not recognized as an internal or external command

Try run following command

npm install @ionic/app-scripts@latest --save-dev

I am getting node-sass error

If you get error like Node Sass does not yet support your current environment

Try run following command

npm rebuild node-sass --force
sudo npm install --save-dev  --unsafe-perm node-sass

If you get any error like related to node modules. You can remove and npm install node modules by following commands

rm -rf node_modules
rm package-lock.json
npm install

ng is not recognized as internal or external command

Run following command to install angular cli

npm install -g @angular/cli

I want to update my ionic project

You can update your ionic project by following commands

npm install -i @ionic/angular@latest

Error at Execution failed for task ‘:app:transformDexArchiveWithExternalLibsDexMergerForDebug’.

Run:
1.ionic cordova clean android 
2.ionic cordova build android

Error at Can't Build on Android AAPT

Run:
1. ionic cordova platform rm android
2. ionic cordova plugin add cordova-plugin-androidx
3. ionic cordova plugin add cordova-plugin-androidx-adapter
4. ionic cordova platform add android

Error at new SubprocessError in ionic cordova build ios

Steps:      
1. Delete "node_modules" folder  
 Run:  
2. npm install

Error at package android.support.v4.content does not exist

Run:
1. ionic cordova plugin add cordova-plugin-androidx
2. ionic cordova plugin add cordova-plugin-androidx-adapter

Error at 'gradlew'

Check :               
gradle  -v 

If more than 6.4.1:
1. ionic cordova platform rm android.
2. ionic cordova platform add android@8.0.0

Error at 'Could not find an installed version of Gradle'

Steps:
1 install gradle and go inside gradle folder->bin.

2 copy path till bin.
    (eg)C:\Program Files\gradle- 6.4.1\bin

3. goto Mycomputer(This pc)->Right click->Properties-         
  >Advanced System Settings->Advanced-
  >Environment  variables->User variables->select 
  path->edit->paste 

4. goto Mycomputer(This pc)->Right click->Properties-         
  >Advanced System Settings->Advanced-
  >Environment  variables->System variables->select  
  path->edit->paste

Error at Failed to find 'ANDROID_HOME' (or) Error at Failed to find 'ANDROID_SDK_ROOT'

Steps:
1 Goto Android Sdk path and copy till sdk (eg)C:\Users\Admin\AppData\Local\Android\Sdk

2 Goto Mycomputer(This pc)->Right click->Properties-         
              >Advanced System Settings->Advanced-
              >Environment  variables->User variables->new

3 Enter:
    -> variable name:ANDROID_HOME.  
    -> variable value:paste sdk path

Error at Failed to find 'JAVA_HOME'

Steps:
1 Goto Java path and copy till jdk(version)
    (eg)C:\Program Files\Java\jdk1.8.0_241

2 Goto Mycomputer(This pc)->Right click->Properties-         
      >Advanced System Settings->Advanced-
      >Environment  variables->User variables->new

3 Enter:
        -> variable name:JAVA_HOME.  
        -> variable value:paste java path

Mobile option is not visible in admin panel?

Make sure you have installed redux frameworks - https://wordpress.org/plugins/redux-framework/.

I am getting blank white screen after splash and taking more time to load?

Debug apk takes time to load on some Android devices. while this is normal for debugging apk. Build --prod to load app faster.

$ ionic cordova build android --prod

$ ionic cordova build iOS --prod

This feature may not work on the browser. Try on a real device

How to change icon and splash screen?

Replace your icon (1024x1024 px png) and splash (2732x2732 px png, Graphics in center of 1024 sq px) in src/resources folder. Use the following command to generate icon and splash screen

$ ionic cordova resources

How to change the logo and other images?

Replace your logo and other images in src/assets/images/

How to change the theme, colors?

Just edit src/variables.scss file. There are few color variable, $header-color, $button-color etc

I am getting a blank page on ionic serve?

Use ionic serve --port 8080 while working on the browser

$ ionic serve --port 8080

Add Multilingual

This works with WPML

Enable WPML in WordPress->Mobile Options->Settings
Add you translation file in ionic project app/src/assets/i18n

Check

If you have an issue still. Please feel free to contact me with issue details, URL and keys

https://codecanyon.net/user/hakeemnala Or send me a mail with details of the issue and your purchase code hakeem.nala@gmail.com

PreviousSocial Login (for ionic 4 app)NextCustomization

Last updated 3 years ago