当我们引用压缩过的 min.css 或者 min.js 文件时有些时候浏览器会报一下异常导致无法使用。

无法加载源映射异常问题

DevTools 无法加载源映射： 无法加载http://192.168.146.128:9900/assets/css/skins/skin-black-blue.css.map 的内容:HTTP 错误: 状态代码 404，net::ERR_HTTP_RESPONSE_CODE_FAILURE

DevTools 无法加载源映射： 无法加载http://192.168.146.128:9900/assets/js/require.min.js.map 的内容:HTTP 错误: 状态代码 404，net::ERR_HTTP_RESPONSE_CODE_FAILURE

DevTools 无法加载源映射： 无法加载http://192.168.146.128:9900/assets/css/skins/skin-black-blue.css.map 的内容:HTTP 错误: 状态代码 404，net::ERR_HTTP_RESPONSE_CODE_FAILURE

1638928410

解决无法加载源映射方案

css 无法加载源映射

  • 无法加载源映射： 无法加载 xxx.css.map 的内容:HTTP 错误: 状态代码 404，net::ERR_HTTP_RESPONSE_CODE_FAILURE
  • 找到对应的 css 文件

1638928603

  • 找到 /# sourceMappingURL=xxx.css.map / 并删除

1638928634

  • 保存刷新对应的 css 文件

js 无法加载源映射

  • DevTools 无法加载源映射： 无法加载 xxx.min.js.map 的内容:HTTP 错误: 状态代码 404，net::ERR_HTTP_RESPONSE_CODE_FAILURE
  • 找到对应的 js 文件

1638928748

  • 找到 //# sourceMappingURL=xxx.min.js.map 并删除

1638928802

  • 保存刷新对应的 js 文件

解决结果

  • 返回浏览器使用 Ctrl+F5 强制刷新后生效