拒绝应用来自...的样式,因为它的 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 来托管/提供服务。

请注意,这适用于 cssjs 文件,明确设置 MIME 类型对我没有影响。

我团队中有人将 css 的 <link></link> 标签放在 masterPage.html 文件中 <head></head> 标签的上方和外面。

当这个 .html 文件被转换成 masterPage.master 文件时,我们得到了这些错误。解决方案是将 <link> 标签放在 <head> 标签内,然后转换后的 .master 文件按预期工作。

在这里添加这个是因为 Whosebug 没有涵盖这个原因,包括这个 - 希望它可以帮助将来的人

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

解决方法:
就我而言,问题是我的一个控制器中的 @GetMapping 为空。我删除了它,问题消失了。

我认为相同的答案会对遇到类似问题和背景的人有所帮助;例如JSP.

背景:
我在使用 Spring Boot 和 FreeMaker 时遇到了同样的问题。