Updating existing Ionic/Angular/Capacitor/Firebase app

I have an existing app on the app stores (Apple & Google) for a year or so. Latest update was in April 2024. I targeted Android API 33 because that was the highest number my env would support at the time. The app runs just fine on my Pixel 8 running Android 14 API 35. But, I have to rebuild the app for API 34 or higher by Aug 31. The existing app will no longer run in Android Studio Koala 2024.1.1. Errors with initializing Firebase. The current app uses Ionic 5, Angular 14, Capacitor 5. I’ve been trying to update all the layers and I’m stuck. I finally have all the code updated to Ionic 7, Angular 18, Capacitor 6. Which was a huge endeavor.

I now can build the app but when it runs all I get is a blank white screen. I’m stuck on where to start debugging. I have console.log messages in main.ts that show me I’m getting through that code, but it appears that I’m not getting into app.component.ts: first statement is a console.log that never happens.

Any ideas where to start debugging this?

Also, I’m suspicious that this new “vite” builder is part of the problem, but I’ve tried to disable it but it still shows that it’s running. I get “[vite] connecting” and “[vite] connected” in the console.

thanks, Rick

Just to clarify, Android 14 is SDK 34 :slight_smile:

Assuming you’ve checked LogCat in Android Studio to see if there are any errors there?

Did you switch to Vite during this upgrade?

Maybe look at the Ionic Starter projects to make sure you have the config for Vite correct.

Thanks @twestrick Yes, Android 14 is SDK 34 or 35. I have examined the logcat messages and nothing gives me a clue. There are more than 100 messages in logcat, with 4 error messages, but they are very cryptic. I don’t want to switch to Vite, and I believe I’ve setup the angular.json file to NOT use it, but it does seem to be running. I see “[vite] connecting” and “[vite] connected” messages in the console.

The 4 error messages are:

Blockquote
[0812/165804.686005:ERROR:variations_seed_loader.cc(37)] Seed missing signature.
[ERROR:simple_version_upgrade.cc(152)] Failed to write a new fake index.
[ERROR:simple_backend_impl.cc(762)] Simple Cache Backend: cache directory inaccessible right after creation; path: /data/user/0/com.gemedot.parel/cache/WebView/Default/HTTP Cache/Code Cache/js
[ERROR:disk_cache.cc(208)] Unable to create cache

I’m completely stumped. I had no problems getting this app to build, run, and post to the app stores, with the 3rd version (v1.0, v1.1, and v1.2) months ago. The most recent was April 2024.

“Check the console for errors and ensure all dependencies and configurations are compatible with Ionic 7, Angular 18, and Capacitor 6. If the issue persists, try reverting Vite to an earlier version or verify your Angular setup.”

thanks @abuislam I have tried to disable Vite all together, and I believe I’ve followed the directions, but it still shows that it’s running. I don’t know if that’s the problem with the app, or not, but I would like to eliminate it as a potential problem.