“The stylesheet was not loaded because its MIME type, ”text/html“ is not ”text/css” [closed]

“The stylesheet was not loaded because its MIME type, ”text/html“ is not ”text/css” [closed]

I have a javascript application and when I run it on firefox I am getting the following erro on the console:

“The stylesheet was not loaded because
its MIME type, “text/html” is not
“text/css”.

DumbStuck!!
EDIT:
Note that it tells that “The stylesheet ABCD…”
But ABCD is actually an HTML file.
Edit (ANSWER) : Actually I had wrongly put href=””, and hence the html file was refenecing itself as the CSS. Mozilla had the similar bug once, and it is from there I got the answer. But everyone’s else answers helped me too. Thanks.

Solutions/Answers:

Solution 1:

In the head section of your html document:

<link rel="stylesheet" type="text/css" href="/path/to/ABCD.css">

Your css file should be css only and not contain any markup.

Solution 2:

Actually I had wrongly put href=””, and hence the html file was referencing itself as the CSS. Mozilla had the similar bug once, and I got the answer from there.

Related:  keycode is always zero in Chrome for Android

Solution 3:

This is more likely an issue at your server side. you request style sheet page “Styles/Site.css” from the server of type “text/css”, but your server might be responding to this request with “test/html”. I had this issue when my server was running in python and it was replying to requested css files with header text/html (as that of my index.html file). I re-arranged my server code and assigned the correct headers to its corresponding pages and my issue got resolved.

Solution 4:

You are trying to use it as a CSS file, probably by using

<link rel=stylesheet href=ABCD.html>

or

<style>
@import url("ABCD.html");
</style>

Solution 5:

Review any .htaccess. Maybe, a .htaccess rule is interfering with the right output. Try browsing your CSS resource directly in your address bar, it must be presented in text format.

Solution 6:

This is what did it for me in .htaccess (it could be that you had a directive making all files load as MIME type text/html):

Related:  Is this the correct way to delete an item using redux?

In .htaccess

AddType text/css .css

References