CSS file is not being loaded in MVC
<p>I am unable to access CSS file which is located under MVC AREA section.</p>

<p>Here is the full path of the CSS file.</p>

<p><a href="http://mywebsite/Areas/MVC/Resources/dist/css/custom.css" rel="nofollow">http://mywebsite/Areas/MVC/Resources/dist/css/custom.css</a></p>

<p>The path is correct I suppose because JS files and images are being loaded from the same path.</p>

<p>There is also no authentication issue as well.</p>

<p>I tried to debug using firebug and it prints the following error message.</p>

<p>The stylesheet <a href="http://mywebsite/Areas/MVC/Resources/dist/css/custom.css" rel="nofollow">http://mywebsite/Areas/MVC/Resources/dist/css/custom.css</a> was not loaded because its MIME type, "text/html", is not "text/css".
Although I have specified the text/css type in the link attribute.</p>

<p>I am referring to the css file as below</p>

<p>link href="~/Areas/MVC/Resources/dist/css/custom.css" rel="stylesheet" type="text/css"</p>

<p>
I have also tried giving the absolute path but still no luck.</p>

<p>If we try to open the above link in browser it is opening correctly and showing CSS but it does not load in the application. Also the js resources and images are being loaded in the same folder by using the same path but not the CSS.</p>