stackoom
  简体   繁体   中英

Refused to apply style from... because its MIME type ('text/html') is not a supported style-sheet MIME type, and strict MIME checking is enabled

 原文  2018-02-21 11:14:50  2   5    javascript/ css/ asp.net-mvc/ google-chrome/ mime-types

Question

This error shows only in chrome. I am searching this issue but not yet found any
satisfactory solution.I attached a screenshot of that error. Please suggest some idea for this. Error image

5 answers

solution1
 19 ACCPTED  2018-02-21 12:39:36

Stylesheets should have a MIME type of text/css . Your server is serving up a HTML document (probably a 404 NOT FOUND error page) when it should be serving a CSS document.

solution2
 2  2020-06-07 22:33:31

Solution :
In my case, the problem was an empty @GetMapping in one of my Controllers. I deleted it and the problem was gone.

I think the same answer will help someone who's having this similar problem and context ; eg JSP.

Background :
I had the same problem using Spring Boot and FreeMaker.

solution3
 0  2018-04-20 21:50:06

I've found that using a path that includes the domain, rather than just a relative path to the file, fixes the issue.

Ie:

src="https://<domain>.com/public/css/style.css"

rather than:

src="../../public/css/style.css"

I don't have a reason as to why this is the case. Perhaps something to do with the way static files are being served, or because it needs to be served over https . I'm using Firebase to host / serve.

Note that this works for both css and js files, and explicitly setting the MIME type didn't have an effect for me.

solution4
 0  2019-07-11 10:26:55

Someone in my team had put the <link></link> tags for the css were above and outside the <head></head> tags in the masterPage.html file.

When this .html file was converted into the masterPage.master file, we got these errors. resolution was to place the <link> tags inside the <head> tags after which the converted .master file worked as intended.

Adding this here because this cause was not covered on stackOverflow, including this post - hope it could help someone in the future

solution5
 0  2020-02-02 20:21:51

使用 firebase 托管时遇到了同样的问题，解决方案是将样式表移动到“公共”文件夹，我猜这是因为它没有被部署。

solution6
 0  2021-12-06 07:28:38

Suggesting to move the css files into the main folder sorted the problem. Thanks a lot for the help :)

暂无
暂无

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

Related Question Refused to apply style from '<URL>' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled Refused to apply style from {filename} because its MIME type ('text/html') is not a supported stylesheet MIME type Django: Refused to apply style from ... because its MIME type ('text/html') is not a supported stylesheet MIME type Refused to apply style because its MIME type ('text/html') is not a supported stylesheet MIME type Refused to apply style from 'xxx/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type Refused to execute script from 'URL' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled Refused to execute script from 'file_name.php' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled Refused to apply style because its MIME type ('text/html') is not a supported stylesheet type Angular error when applying css style: Refused to apply style from 'path' because its MIME type ('text/html') is not a supported stylesheet MIME type Refused to apply style from 'http://localhost:3000/css/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type
Related Tags
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM