CSS Styles of Vue Components are not reflected in Cordova apps
diavrank opened this issue · comments
Hello, I am converting my web app to mobile apps in iOS and Android. I'am using .vue files and they doesn't load css styles defined in style tag of each component. Also, HMR is not working very well.
As an alternative solution I discovered that if I access to my web app using the browser (chrome) in my local machine and I start to make some changes in my code then HMR works and the styles are reflected as well in the mobiles apps.
I tested this with phisical phones: Android 8.1 and IPhone SE with iOS 14.
| Screenshot without styles loaded | Screenshot with styles. |
|---|---|
 |
 |
The rest of styles are from Vuetify.
Local Machine: Mac OS 11.1 Big Sur
Meteor 1.12.1
Node 12.18.4
Styles of vue components are fixed adding the following environment variable in the running command as follow:
NO_HMR=1 meteor run android-device ios-device
However, the HMR still working more less, because I need to restart the app and only catch some code changes after that and again I have to reload the app.