该错误源于将 javascript 文件（如 bootstrap-datepicker.min.js）误当作 css 文件通过 `` 标签引入，导致浏览器因 mime 类型校验失败而拒绝加载。需严格区分 js 与 css 的引入方式。
在使用 bootstrap Datepicker（如 bootstrap-datepicker）时，必须分别、正确地引入其 CSS 样式文件和 JS 脚本文件。常见错误是混淆二者引入方式，例如：
❌ 错误写法（将 JS 文件用 引入）：
此时浏览器检测到响应头 Content-Type: application/javascript，但 仅接受 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 文件 → 使用
- ✅ JS 文件 → 使用
标准引入顺序（建议置于
中引入 CSS， 前引入 JS）：
⚠️ 注意事项：
- 确认文件扩展名与实际内容一致（.css 文件应返回 text/css，.js 文件应返回 application/javascript）；
- 检查 Web 服务器配置（如 nginx/apache）是否对 .js 或 .css 后缀设置了正确的 Content-Type 响应头；
- 避免在 中引用任何 .js 文件，也勿在
- 推荐使用官方 CDN 或从 Bootstrap Datepicker 发布页 下载匹配版本的 dist/ 目录下资源。
✅ 初始化示例（确保 dom 加载完成后执行）：
总结：MIME 类型错误本质是 html 标签语义误用。牢记——样式用 ，逻辑用 ，并严格匹配文件类型与后缀，即可彻底规避此类问题。