浏览器控制台提示:Error: NetworkError when attempting to fetch resource.

提示如下:

在这里插入图片描述
翻译结果就是:

错误:试图获取资源时出现NetworkError。

原因:

缺少对应的映射文件(sourcemap file)

解决方法一:

找到并打开该文件,搜索sourceMappingURL,删除类似//# sourceMappingURL=bootstrap.js.map的代码,之后报错退出即可

在这里插入图片描述
解决方法二:

补上对应的映射文件,一般下载的插件中,同目录下会有对应的map文件,把该文件添加到sourceMappingURL引用的路径中

扩展:sourcemap文件是什么?

Source map是js文件压缩后,文件的变量名替换对应的变量所在位置等元信息数据文件,通俗地理解就是Source map是一个储存着位置信息的信息文件,转换后代码的每一个位置所对应的转换前的位置,当出错的时候,除错工具会直接显示原始代码,而不是转换后的代码,给开发者提供了极大的便利。

比如js原变量是map,压缩后通过变量替换规则可能会被替换成a,这时source map文件会记录下这个mapping的信息,开发者在调试的时候如果有JS报错,浏览器就会通过解析这个map文件来重新merge压缩后的js,那么开发者就可以使用压缩前的代码来调试。

sourcemap文件一般会与min.js主文件放在同一个目录下。

提示:source map功能需要浏览器的支持,如主流浏览器Firefox、Chrome等都支持。Firefox默认开启,Chrome需要在Settings里勾选Enable JavaScript source maps选项,新版本的Chrome好像已经默认开启了。

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值