资源解释为样式表，但以MIME类型text/html传输(似乎与web服务器无关)

我有这个问题。Chrome继续返回此错误

资源解释为样式表，但以MIME类型text/html传输

受此错误影响的文件只有Style、chosen和jquery-gentleselect(以相同方式导入索引的其他CSS文件工作良好且没有错误)。我已经检查了我的MIME类型和文本/css已经在css上。

老实说，我想从理解问题开始(这似乎是我一个人做不到的事情)。

当前回答

我的问题比这篇文章中的所有答案都要简单。

我必须设置IIS以包含静态内容。

其他回答

试试这个<link rel="stylesheet" type="text/css" href="../##/yourcss.css">

哪里##是你的文件夹，其中是你的。css -文件

别忘了:..(双点)。

使用的反应

我在我的react profile应用程序中遇到了这个错误。我的应用程序表现得有点像它试图引用一个不存在的url。我相信这与webpack的行为有关。

如果你在公用文件夹中链接文件，你必须记住在资源之前使用%PUBLIC_URL%，就像这样:

<link type="text/css" rel="stylesheet" href="%PUBLIC_URL%/bootstrap.min.css" />

我在为一个用npm安装的React布局模块加载CSS时遇到了这个问题。你必须导入两个.css文件来让这个模块运行，所以我最初导入它们是这样的:

@import "../../../../node_modules/react-grid-layout/css/styles.css";

但发现文件扩展名必须被删除，所以这是有效的:

@import "../../../../node_modules/react-grid-layout/css/styles";

我开始得到这个问题今天只在chrome和safari相同的项目/url为我的goormide容器(node.js)

在尝试了上面的几个建议之后，它们似乎不起作用，并且回溯了我从昨天到今天所做的一些代码更改，这也没有什么区别，我最终在chrome设置中单击:

1.设置;

2.向下滚动至底部，选择:“高级”;

3.向下滚动到底部，选择:“恢复设置到原始默认值”;

这似乎已经解决了这个问题，因为我不再在控制台中得到警告/错误，页面显示为它应该。阅读上面的帖子，似乎这个问题可以从任何数量的来源发生，所以设置重置是一个潜在的通用修复。干杯

如果您使用的是JSP，则此问题可能来自您的servlet映射。如果你的映射默认使用url，就像这样:

@WebServlet("/")

然后容器解释CSS url，并转到servlet，而不是转到CSS文件。

我有同样的问题，我改变了我的映射，现在一切正常

推荐文章