拒绝应用来自...的样式,因为它的 MIME 类型 ('text/html') 不是受支持的样式-sheet MIME 类型,并且启用了严格的 MIME 检查
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
此错误仅在 chrome 中显示。我正在搜索此问题,但尚未找到任何问题
令人满意 solution.I 附上该错误的屏幕截图。请为此提出一些想法。 Error image
样式表的 MIME 类型应为 text/css
。您的服务器正在提供 HTML 文档(可能是 404 NOT FOUND 错误页面),而它应该提供 CSS 文档。
我发现使用包含域的路径,而不仅仅是文件的相对路径,可以解决问题。
即:
src="https://<domain>.com/public/css/style.css"
而不是:
src="../../public/css/style.css"
我不知道为什么会这样。也许与静态文件的服务方式有关,或者因为它需要在 https
上提供服务。我正在使用 Firebase 来托管/提供服务。
请注意,这适用于 css
和 js
文件,明确设置 MIME 类型对我没有影响。
我团队中有人将 css 的 <link></link>
标签放在 masterPage.html
文件中 <head></head>
标签的上方和外面。
当这个 .html 文件被转换成 masterPage.master
文件时,我们得到了这些错误。解决方案是将 <link>
标签放在 <head>
标签内,然后转换后的 .master
文件按预期工作。
在这里添加这个是因为 Whosebug 没有涵盖这个原因,包括这个 - 希望它可以帮助将来的人
使用 firebase 托管时遇到同样的问题,解决方案是将样式表移动到 "public" 文件夹,我猜这是因为它没有被部署。
解决方法:
就我而言,问题是我的一个控制器中的 @GetMapping
为空。我删除了它,问题消失了。
我认为相同的答案会对遇到类似问题和背景的人有所帮助;例如JSP.
背景:
我在使用 Spring Boot 和 FreeMaker 时遇到了同样的问题。
此错误仅在 chrome 中显示。我正在搜索此问题,但尚未找到任何问题
令人满意 solution.I 附上该错误的屏幕截图。请为此提出一些想法。 Error image
样式表的 MIME 类型应为 text/css
。您的服务器正在提供 HTML 文档(可能是 404 NOT FOUND 错误页面),而它应该提供 CSS 文档。
我发现使用包含域的路径,而不仅仅是文件的相对路径,可以解决问题。
即:
src="https://<domain>.com/public/css/style.css"
而不是:
src="../../public/css/style.css"
我不知道为什么会这样。也许与静态文件的服务方式有关,或者因为它需要在 https
上提供服务。我正在使用 Firebase 来托管/提供服务。
请注意,这适用于 css
和 js
文件,明确设置 MIME 类型对我没有影响。
我团队中有人将 css 的 <link></link>
标签放在 masterPage.html
文件中 <head></head>
标签的上方和外面。
当这个 .html 文件被转换成 masterPage.master
文件时,我们得到了这些错误。解决方案是将 <link>
标签放在 <head>
标签内,然后转换后的 .master
文件按预期工作。
在这里添加这个是因为 Whosebug 没有涵盖这个原因,包括这个
使用 firebase 托管时遇到同样的问题,解决方案是将样式表移动到 "public" 文件夹,我猜这是因为它没有被部署。
解决方法:
就我而言,问题是我的一个控制器中的 @GetMapping
为空。我删除了它,问题消失了。
我认为相同的答案会对遇到类似问题和背景的人有所帮助;例如JSP.
背景:
我在使用 Spring Boot 和 FreeMaker 时遇到了同样的问题。