[SOLVED] CSS not loading in Cordova

mobile Cordova
1

Hi everyone,

I’ve been struggling for a little while and I haven’t been able to find an answer for this problem. I have run my app on the web and mobile web with no issues. When I build the app and use meteor run ios my CSS no longer works. I have attached pictures to help demonstrate what I mean.

2726×1560 80 KB

But the weird thing is that when I run the application and go to it on the mobile web it works fine.

754×1376 49.8 KB

I’m not sure what I’ve done wrong. I’m using meteor 1.2.1 and react 0.14.1.

Any tips would be greatly appreciated.

2

Have you tried to use remote debugging with Safari? That might give you some insight into which version of the CSS is loaded and what the effects of it are on the element tree.

1 Like
3

Thanks for the tip! So I inspected it and I found out that a google font that I was attempting to use in my css was returning a 401 because I hadn’t whitelisted it in the App.accessRule(). When I whitelisted it, it solved all of my problems.