Minggu, 30 Oktober 2022

Update API 30 Ke 31 di cordova ionic

Kali ini kita akan membahas tentang update atau migrasi dari API 30 Ke 31 yang akan kita pakai untuk aplikasi ionic. saya pribadi juga sangat kesulitan dikarenakan membutuhkan beberapa hal yang harus di update. salah satu nya update SDK itu sendiri yang ada pada menu SDK Manager yang ada di Android Studio.


yang ke 2 Update JAVA ke seri 11, kalau sudah terupdate. selanjutnya jangan lupa update Environment Variables nya

JAVA_HOME = C:\Program Files\Java\jdk-11.0.17
PATH = C:\Program Files\Java\jdk-11.0.17\bin

Hal tersebut sangat di butuhkan untuk membuild aplikasi khususnya yang saya pakai, yaitu aplikasi ionic/yang memakai cordova

Setelah itu hapus Android dengan Perintah
ionic cordova platform remove android

setelah itu install kembali dengan perintah
ionic cordova platform add android@11


Hapus tag Splash

config.xml Anda tidak lagi mendukung <splash> dan Anda akan menerima kesalahan ini:

The "<splash>" tags were detected and are no longer supported. Please migrate to the "preference" tag "AndroidWindowSplashScreenAnimatedIcon".

Anda harus menghapus entri di config.xml Anda di bawah platform android yang menyebutkan <splash…. Kemudian tambahkan preferensi yang diperlukan:

<preference name="AndroidWindowSplashScreenAnimatedIcon" value="[path to png/xml]" />

[ path ke png/xml] harus berupa nama file yang valid. Misalnya resource/android/icon/drawable-xxxhdpi-icon.png

(yang saya lakukan hanya menghapus tanpa menambah hal tersebut)


Hanya sebagai opsi

Hapus Plugin Splash Screen

Plugin Splash Screen sudah terpasang di Cordova sekarang, jadi hapus saja:

cordova plugin remove cordova-plugin-splashscreen

Hapus Plugin Android X

Plugin cordova-plugin-androidx tidak diperlukan karena sudah ada di dalamnya, jadi hapus saja:

cordova plugin remove cordova-plugin-androidx

Plugin cordova-plugin-androidx-adapter tidak diperlukan karena sudah ada di dalamnya, jadi hapus saja:

cordova plugin remove cordova-plugin-androidx-adapter

Catatan: Plugin phonegap-plugin-push memiliki ketergantungan pada cordova-plugin-androidx-adapter . Plugin tidak digunakan lagi dan Anda harus bermigrasi ke @have-source/cordova-plugin-Push untuk mendapatkan dukungan yang lebih baik. 


Diaktifkan AndroidX

Preferensi untuk AndroidX harus benar di config.xml:

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


Hapus Plugin Whitelist

Plugin cordova-plugin-whitelist dibangun ke dalam Cordova dan harus dihapus:

cordova plugin remove cordova-plugin-whitelist


dan setelah kita build. terjadi kesalahan yang membuat kita akan berfikir ulang, kesalahan tersebut yaitu :


import android.support.annotation.NonNull;

// import android.support.annotation.NonNull;
import androidx.annotation.NonNull;

kita harus menonaktifkan script tersebut dan menambah script di bawahnya, untuk lebih detail penggantian itu dimana klik disini

setelah semua selesai coba restar komputer dan coba build kembali..
selamat mencoba