Cannot Load A Stylesheet In Web Dev Module

I really need help with this issue. Every time I try to load a stylesheet/css file from an html page in the Web Dev module in Ignition, I get the following message in the browser console:

Resource interpreted as Stylesheet but transferred with MIME type text/html

This causes the stylesheet not to load.

I have spent a few hours researching and believe this is either a server setting or a setting somewhere in Ignition that is causing this problem. But since we aren’t running Apache or IIS on this server, I feel like Ignition might be to blame.

The webdev resources can be given an explicit mime type of text/css in the dropdown in the resource editor in the designer (open the resource and look at the bottom of the editor tab). If you are trying to serve the resource as css, make sure that’s not set to text/html.

1 Like

Good gawd. I can’t even tell you how much time I wasted on this to not even notice that drop down. You’re a life saver. Why Ignition can’t auto select that when I save the file type as CSS is beyond me. >:(

Thanks very much!

I can’t even tell you how much time I wasted on this to not even notice that drop down.

Sorry to hear that, unfortunately it happens to the best of us!

Why Ignition can’t auto select that when I save the file type as CSS is beyond me.

There may be room to improve/add limited mime-type inference, but given how easy it is to configure manually, it would be low on the priority list.

Glad we were able to get it working for you.