当我们引用压缩过的 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
解决无法加载源映射方案
css 无法加载源映射
- 无法加载源映射: 无法加载 xxx.css.map 的内容:HTTP 错误: 状态代码 404,net::ERR_HTTP_RESPONSE_CODE_FAILURE
- 找到对应的 css 文件
- 找到 /# sourceMappingURL=xxx.css.map / 并删除
- 保存刷新对应的 css 文件
js 无法加载源映射
- DevTools 无法加载源映射: 无法加载 xxx.min.js.map 的内容:HTTP 错误: 状态代码 404,net::ERR_HTTP_RESPONSE_CODE_FAILURE
- 找到对应的 js 文件
- 找到 //# sourceMappingURL=xxx.min.js.map 并删除
- 保存刷新对应的 js 文件
解决结果
- 返回浏览器使用 Ctrl+F5 强制刷新后生效