MIME类型校验错误及JS文件404问题求助

问题描述 #

Web应用的HTML测试页原本可正常引入my-file-sdk.js，修改该JS文件后出现报错，即使回退到旧版本也无法解决。

控制台报错信息 #

• Refused to execute script because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled
• GET https://localhost:44444/my-file-sdk.js net::ERR_ABORTED 404 (Not Found)

对应HTML代码片段 #

<!DOCTYPE html>
<html>

<head>
    <script type='text/javascript' src='https://code.jquery.com/jquery-3.3.1.min.js'></script>
    <script type='text/javascript' src="my-file-sdk.js"></script>
</head>

排查与解决步骤 #

优先解决404问题（核心原因） #

404是服务器找不到目标JS文件，这会直接导致后续MIME类型错误（服务器返回HTML格式的404页面，被浏览器当成JS解析）：

1. 核对文件路径：确认my-file-sdk.js的实际存放位置与HTML页面的相对路径匹配。比如HTML在项目根目录，JS也必须放在根目录；若HTML在子文件夹，需调整src路径为../my-file-sdk.js这类相对路径，或使用完整的绝对路径。
2. 检查文件名一致性：确保文件名完全一致，注意大小写（Linux/Unix环境严格区分大小写，Windows环境虽不区分但开发服务器可能存在差异）。
3. 验证服务器配置：检查本地服务器的文件服务规则，确认该JS文件未被权限拦截或路由规则屏蔽，服务器允许对外访问该文件。

解决MIME类型错误（依赖404问题解决） #

若404问题修复后仍出现MIME类型报错：

1. 检查服务器MIME配置：确保服务器对.js文件返回的MIME类型为application/javascript（标准类型）或text/javascript（兼容旧环境）。
2. 无需修改script标签type属性：当前HTML中type='text/javascript'是正确配置，问题不在标签本身，无需调整。

内容的提问来源于stack exchange，提问作者Cristobal BL