CSS Theme Files: MIME Mismatch

mischlern · September 20, 2024, 2:51pm

On my work laptop, MacBook with Chrome, I’m getting the following for most of our CSS files.

Refused to apply style from 'https://www.beloit.edu/live/resource/css/_i/themes/global/styles/livewhale.rev.1722627723.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

I assume this is something to do with LiveWhale’s theme management (folder file to <link>), and I’m concerned this may be affecting general users.

Making a quick post before a meeting; will try and look more closely myself later. Any input appreciated.

Thanks,
Nick

karl · September 20, 2024, 3:55pm

Hey Nick, Sorry to hear this is giving you trouble. I’m not currently able to reproduce this on my Mac/Chrome browser tests at any URLs on your site. Let me know if you have a specific example you’d like for us to test? Thanks.

mischlern · September 20, 2024, 8:17pm

Right, so I had a moment to actually poke at this and not simply fear that it was some developing issue.

I noticed in the above images that the files were properly notated in the HTML and triggered an error.
I looked up the error and found that it could be triggered when the resource was not available.
I checked the files which failed to load and found them all to be 404 - Not Found on the laptop.

For instance:

However, when I access with a personal computer, I get the same file URLs, and they load fine. Fun. It appears to be a system/browser issue where it can’t or won’t load them.

I did also notice that if I tried to open the above in their own tabs then remove the “rev.xyz”, the content would load. Seeing this, as a last attempt at anything, I tried ‘a related red debug button’. That seemed to have fixed the issue somehow, though it is a very excessive ‘solution’.

In the end, I’m not sure what the issue was between the browser and the resource cache. Hopefully just a one-off or very rare issue.

Thanks,
Nick