我有这个问题。Chrome继续返回此错误
资源解释为样式表,但以MIME类型text/html传输
受此错误影响的文件只有Style、chosen和jquery-gentleselect(以相同方式导入索引的其他CSS文件工作良好且没有错误)。我已经检查了我的MIME类型和文本/css已经在css上。
老实说,我想从理解问题开始(这似乎是我一个人做不到的事情)。
我有这个问题。Chrome继续返回此错误
资源解释为样式表,但以MIME类型text/html传输
受此错误影响的文件只有Style、chosen和jquery-gentleselect(以相同方式导入索引的其他CSS文件工作良好且没有错误)。我已经检查了我的MIME类型和文本/css已经在css上。
老实说,我想从理解问题开始(这似乎是我一个人做不到的事情)。
当前回答
我在为一个用npm安装的React布局模块加载CSS时遇到了这个问题。你必须导入两个.css文件来让这个模块运行,所以我最初导入它们是这样的:
@import "../../../../node_modules/react-grid-layout/css/styles.css";
但发现文件扩展名必须被删除,所以这是有效的:
@import "../../../../node_modules/react-grid-layout/css/styles";
其他回答
试试这个<link rel="stylesheet" type="text/css" href="../##/yourcss.css">
哪里##是你的文件夹,其中是你的。css -文件
别忘了:..(双点)。
我在一个。net应用程序中遇到了同样的问题,一个叫做MojoPortal的CMS开源程序。在我的一个特定网站的主题和皮肤中,在浏览或测试时,它会像窒息一样磨碎和变慢。
我的问题不是CSS的“类型”属性,而是“其他东西”。我的具体变化在Web.Config中。我将MinifyCSS, CacheCssOnserver和CacheCSSinBrowser的所有值都更改为FALSE。
一旦设定好了,网站再次快速投入生产。
当我从谷歌CDN提供的css样式表的css链接中删除协议时,就发生了这种情况。
这不会产生错误:
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Architects+Daughter">
但是这会给出错误资源解释为样式表,但传输MIME类型text/html:
<link rel="stylesheet" href="fonts.googleapis.com/css?family=Architects+Daughter">
使用ReactJs,当我添加样式文件到index.html使用相对链接,如
<link rel="stylesheet" href="./css/style.css"> .
然后我导航到一条路线,说;localhost:3000/artist和刷新,我得到错误。
错误消失后,我取代相对链接与绝对链接说;
<link rel=“stylesheet” href=“http://localhost/project/public/css/style.css”。
对于任何可能有这种问题的人。 当我遇到这个问题时,我正在用PHP构建一个自定义MVC。
我能够通过将我的资产(css/js/images)文件设置为绝对路径来解决这个问题。 而不是使用url像href="css/style.css"使用整个当前url来加载它。例如,如果您在http://example.com/user/5,它将尝试在http://example.com/user/5/css/style.css加载。
为了解决这个问题,你可以在资产url的开头添加一个/(即href="/css/style.css")。这将告诉浏览器从url的根目录加载它。在本例中,它将尝试加载http://example.com/css/style.css。
希望这篇评论对你有所帮助。