该错误源于将 javascript 文件（如 bootstrap-datepicker.min.js）误当作 css 文件通过 `` 标签引入，导致浏览器因 mime 类型校验失败而拒绝加载。需严格区分 js 与 css 的引入方式。
在使用 Bootstrap Datepicker（如 bootstrap-datepicker）时，必须分别、正确地引入其 CSS 样式文件和 JS 脚本文件。常见错误是混淆二者引入方式，例如：
❌ 错误写法（将 JS 文件用 <link> 引入）：
<!-- ❌ 危险！浏览器会尝试以 CSS 方式解析 JS 文件 --> <link rel="stylesheet" href="bootstrap-datepicker.min.js">
此时浏览器检测到响应头 Content-Type: application/javascript，但 <link rel="stylesheet"> 仅接受 text/css 等样式 MIME 类型，因此触发严格 MIME 检查报错：
Refused to apply style from 'bootstrap-datepicker.min.js' because its MIME type ('application/javascript') is not a supported stylesheet MIME type...
✅ 正确做法：
立即学习“前端免费学习笔记（深入）”；
- ✅ CSS 文件 → 使用 <link rel="stylesheet">
- ✅ JS 文件 → 使用 <script src="...">
标准引入顺序（建议置于 <head> 中引入 CSS，</body> 前引入 JS）：
<!-- ✅ 正确：引入 CSS 样式文件（注意路径为 .css） --> <link rel="stylesheet" href="bootstrap-datepicker.min.css"> <!-- ✅ 正确：引入 JS 脚本文件（注意路径为 .js） --> <script src="bootstrap-datepicker.min.js"></script> <!-- 若依赖 jQuery 和 Bootstrap，请确保它们已提前加载 --> <script src="jquery.min.js"></script> <script src="bootstrap.bundle.min.js"></script>
⚠️ 注意事项：
- 确认文件扩展名与实际内容一致（.css 文件应返回 text/css，.js 文件应返回 application/javascript）；
- 检查 Web 服务器配置（如 Nginx/Apache）是否对 .js 或 .css 后缀设置了正确的 Content-Type 响应头；
- 避免在 <link> 中引用任何 .js 文件，也勿在 <script> 中加载 .css 文件；
- 推荐使用官方 CDN 或从 Bootstrap Datepicker 发布页 下载匹配版本的 dist/ 目录下资源。
✅ 初始化示例（确保 DOM 加载完成后执行）：
<input type="text" id="datepicker" class="form-control">
<script>
document.addEventListener('DOMContentLoaded', function() {
$('#datepicker').datepicker({
format: 'yyyy-mm-dd',
autoclose: true
});
});
</script>总结：MIME 类型错误本质是 HTML 标签语义误用。牢记——样式用 <link>，逻辑用 <script>，并严格匹配文件类型与后缀，即可彻底规避此类问题。
