Resource interpreted as stylesheet but transferred with MIME type text/html (seems not related with web server)

html css google-chrome
Max picture Max · Mar 25, 2014 · Viewed 356.1k times · Source

I have this problem. Chrome continues to return this error

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

The files affected by this error are just the Style, chosen and jquery-gentleselect (other CSS files that are imported in the index in the same way work well and without error). I've already checked my MIME type and text/css is already on CSS.

Honestly I'd like to start by understanding the problem (a thing that seems I cannot do alone).

Answer

Sten Muchow picture Sten Muchow · Jan 8, 2016

Using Angular?

This is a very important caveat to remember.

The base tag needs to not only be in the head but in the right location.

I had my base tag in the wrong place in the head, it should come before any tags with url requests. Basically placing it as the second tag underneath the title solved it for me. 

<base href="/">

I wrote a little post on it here

Related questions

Hide scroll bar, but while still being able to scroll

I want to be able to scroll through the whole page, but without the scrollbar being shown. In Google Chrome it's: ::-webkit-scrollbar { display: none; } But Mozilla Firefox and Internet Explorer don't seem to work like that. I also tried this …

Read More
Firebug-like debugger for Google Chrome

Is there anything like Firebug that you can use within Google Chrome? Essential features I would like: Inspect HTML source (select elements, delete them, etc.) check CSS values (the built-in solution is weird, somehow)

Read More
How do I auto-hide placeholder text upon focus using css or jquery?

This is done automatically for every browser except Chrome. I'm guessing I have to specifically target Chrome. Any solutions? If not with CSS, then with jQuery? Kind regards.

Read More