MIME类型'text/css'不可执行且严格检查启用，CSS无法关联HTML求助

算力阿峰

2026-5-29

解决“拒绝执行CSS文件，MIME类型'text/css'不可执行”的问题

这个错误其实很好理解——你的浏览器误把CSS文件当成了可执行脚本来处理，但CSS是样式表，不是能运行的代码，所以严格的MIME类型检查就阻止了它。下面是最常见的几个原因和修复步骤：

1. 先检查HTML里的CSS引用方式（90%的情况是这个问题）

你大概率是用错了标签加载CSS！CSS必须用<link>标签引入，而不是<script>标签。

❌ 错误的写法（会触发这个错误）：

<script src="custom.css"></script>

✅ 正确的写法（放在<head>标签内）：

<head>
  <meta charset="UTF-8">
  <title>你的页面标题</title>
  <link rel="stylesheet" type="text/css" href="custom.css">
</head>

rel="stylesheet"告诉浏览器这是样式表资源
type="text/css"明确指定MIME类型，虽然现代浏览器可以省略，但加上更稳妥
href要填对CSS文件的路径，确保和HTML文件的相对位置正确（比如CSS和HTML在同一文件夹就直接写文件名，子文件夹就写css/custom.css）

如果引用标签没问题，那可能是服务器返回的MIME类型不正确。虽然大多数服务器默认会给.css文件返回text/css，但偶尔会被配置错误覆盖：

Apache服务器：在项目根目录的.htaccess文件里添加（如果没有就新建一个）：
```
AddType text/css .css
```
Nginx服务器：在站点配置文件的types块里确保包含：
```
types {
    text/css css;
    # 其他MIME类型配置...
}
```
本地开发工具（比如Live Server）：重启工具试试，这类工具一般默认配置正确，但缓存可能出问题。