Ionic not loading PrimeNG styles when android APK is installed offline

Ionic Framework
1

Hello everyone, I hope you are all well.
Currently I’m developing an app using Ionic v7, Angular and PrimeNG as the UI library and I have a problem. When I generate the android APK and I install it, all styles load normally only if the app is connected to the internet. However, when I install the application offline, none of the primeng styles load, only those related to ionic are loaded even though all primeng packages are installed in the node modules folder, in addition to this weird behavior, the application works perfectly on the browser in both online and offline modes. Is there a way to solve this problem?

Here are the images showing the difference:

img-with-internet
img-with-internet720×1600 60.9 KB
WhatsApp Image 2023-10-19 at 8.49.55 PM
WhatsApp Image 2023-10-19 at 8.49.55 PM720×1600 46.4 KB

Thanks in advance.

2

Have you checked Dev Tools to see where your app is trying to load the styles from?

You can go to chrome://inspect/#devices in Chrome to open up Dev Tools for an Android device being debugged.

3

Thank you for your help, I have inspected the app and found that the google fonts that breaks the styles on the offline mode.

1 Like