我有这个问题。Chrome继续返回此错误
资源解释为样式表，但以MIME类型text/html传输
受此错误影响的文件只有Style、chosen和jquery-gentleselect(以相同方式导入索引的其他CSS文件工作良好且没有错误)。我已经检查了我的MIME类型和文本/css已经在css上。
老实说，我想从理解问题开始(这似乎是我一个人做不到的事情)。
当前回答
我也遇到过类似的问题。在这个奇妙的Stack Overflow页面中探索解决方案。
user54861的响应(大小写不匹配的名字)让我很好奇，再次检查我的代码，并意识到“我没有上传两个js文件，我在头标签中加载了它们”。: -)
当我上传他们的问题跑了!并且代码运行和页面呈现没有任何其他错误!
所以，这个故事的寓意是，不要忘记确保你所有的js文件都上传到了页面需要它们的地方。
其他回答
使用的反应
我在我的react profile应用程序中遇到了这个错误。我的应用程序表现得有点像它试图引用一个不存在的url。我相信这与webpack的行为有关。
如果你在公用文件夹中链接文件，你必须记住在资源之前使用%PUBLIC_URL%，就像这样:
<link type="text/css" rel="stylesheet" href="%PUBLIC_URL%/bootstrap.min.css" />
我也遇到过类似的问题。在这个奇妙的Stack Overflow页面中探索解决方案。
user54861的响应(大小写不匹配的名字)让我很好奇，再次检查我的代码，并意识到“我没有上传两个js文件，我在头标签中加载了它们”。: -)
当我上传他们的问题跑了!并且代码运行和页面呈现没有任何其他错误!
所以，这个故事的寓意是，不要忘记确保你所有的js文件都上传到了页面需要它们的地方。
使用ReactJs，当我添加样式文件到index.html使用相对链接，如
<link rel="stylesheet" href="./css/style.css"> .
然后我导航到一条路线，说;localhost:3000/artist和刷新，我得到错误。
错误消失后，我取代相对链接与绝对链接说;
<link rel=“stylesheet” href=“http://localhost/project/public/css/style.css”。
使用角?
这是一个需要记住的非常重要的警告。
基本标签不仅要在头部，而且要在正确的位置。
我有我的基础标签在错误的地方在头部，它应该来之前任何标签与url请求。基本上把它作为标题下面的第二个标签为我解决了这个问题。
<base href="/">
我在这里写了一篇小文章
@Rob Sedgwick的回答给了我一个指针，然而，在我的情况下，我的应用程序是一个春季启动应用程序。所以我只是在我的安全配置中为相关文件的路径添加了排除…
说明—此解决方案基于springboot…你需要做的可能会根据你使用的编程语言和/或你使用的框架而有所不同
然而，要注意的一点是;
从本质上讲，当每个请求，包括 那些静态内容正在被验证。
所以让我们说一些路径到我的静态内容，导致错误如下;
一个叫做“插件”的路径
http://localhost:8080/plugins/styles/css/file-1.css http://localhost:8080/plugins/styles/css/file-2.css http://localhost:8080/plugins/js/script-file.js
还有一个路径叫做pages
http://localhost:8080/pages/styles/css/style-1.css http://localhost:8080/pages/styles/css/style-2.css http://localhost:8080/pages/js/scripts.js
然后，我只需在Spring Boot安全配置中添加如下排除项;
@Configuration
@EnableGlobalMethodSecurity(prePostEnabled = true)
@Order(SecurityProperties.ACCESS_OVERRIDE_ORDER)
public class SecurityConfig extends WebSecurityConfigurerAdapter {
@Override
protected void configure(HttpSecurity http) throws Exception {
http.authorizeRequests()
.antMatchers(<comma separated list of other permitted paths>, "/plugins/**", "/pages/**").permitAll()
// other antMatchers can follow here
}
}
从身份验证中排除这些路径“/plugins/**”和“/pages/**”可以消除错误。
干杯!
