DevTools failed to parse SourceMap: http://.../bootstrap-4.4.1/js/popper.min.js.map
web jQuery 2020-07-09 77 0
关于本站

淘淘IT

记录工作学习中的点点滴滴

本站创建于2017年,用于记录工作和学习中遇到的问题。同时,不断提升网站的使用体验,增加新的功能。

757040 1186 11
最新评论
@xiaoniba 好像是编码GBK和utf-8的区别,请看下我摘抄的一篇文章,里面有介绍http://taotaoit.com/article/details/885.html,你可以尝试下是否可以
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
\x7f-\xff 这个匹配什么东东,会不会出现安全问题??? 改成这样如何 if ($strict && !preg_match('/^[\w\.\*\x{4e00}-\x{9fa5}]+$/u', $key)) {
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
完美解决 牛逼
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
完美解决
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
文章标签更多
ThinkPHP (119)
Mysql (25)
DedeCms (28)
jQuery (27)
证件照 (1)
setInc (3)
setDec (3)
onclick (3)
打开边栏(ESC) 关闭边栏(ESC)

关于Chrome调试中.min.js.map 404的问题

前端在Chrmo F12模式下调试的时候,经常会遇到js.map文件找不到的情况,例如:

from clipboard

关于这个问题其实大可不比过分的纠结,一般只会在你引用了压缩的min.js 文件,chrome浏览器中才会出现,实际并不影响页面的执行效果。这里简单说下原理:
map文件是js文件压缩后,文件的变量名替换对应、变量所在位置等元信息数据文件,一般这种文件和min.js主文件放在同一个目录下。
使开发者可以用未压缩前的代码来调试,这样就不会出现这个问题了,但是往往想使用min文件,而且还有强迫症的患者是非常难受的,那么取掉这个小x也很简单
打开chrome的F12界面,然后点击“设置”,去掉 Sources里面的 Enable JavaScript source maps

什么是source map文件。
       source map文件是js文件压缩后,文件的变量名替换对应、变量所在位置等元信息数据文件,一般这种文件和min.js主文件放在同一个目录下。

       比如压缩后原变量是map,压缩后通过变量替换规则可能会被替换成a,这时source map文件会记录下这个mapping的信息,这样的好处就是说,在调试的时候,如果有一些JS报错,那么浏览器会通过解析这个map文件来重新 合并压缩后的js,使开发者可以用未压缩前的代码来调试,这样会给我们带来很大的方便!

      目前这种还原性调试功能,目前只有chorme才具有,所以就会出现标题说的问题,我引入jquery-1.10.2.min.js的时候,在 firefox下或者其他浏览器下是好的,在chorme下会报错找不到jquery-1.10.2.min.map文件,404,就是因为以上说的情 况,jquery会检测浏览器是否支持source map功能,如果支持的话,那就去下载source map文件,而这个时候如果你引用的是官网的min.js那没问题,它会去自己的目录下找source map文件,而如果jquery.min.js文件在你的服务器上而服务器上又没有source map的话,那就会报错了。
另一种解决办法:

在popper.min.js文件的最后有一个这样的注释:

//# sourceMappingURL=popper.min.js.map
删除它解决问题。


如果一定想下载一个popper.min.js.map文件的话,网上还真不好找。

其实可以直接输入网址<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script> 中的网址另存为,或者直接复制网页代码另存为,map文件就是https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js.map下载,
找了好久,给其他人免个坑,同理bootstrap、jQuery这些文件也是一样。
其他的,像bootstrap.min.css.map、bootstrap.min.js.map

版权声明:本篇文章来源于网络。 来源链接

相关推荐
jquery出现Uncaught TypeError: $(...).prop is not a function问题
jQuery | 2019-08-23 1506
做全选功能的时候用到 var xz = $(this).prop("checked"); 提示: Uncaught TypeError: $(...).prop is not a function 应该是jquery版本过低造成的,更换高版本成功解决问题, jquery下载地址 http://www...
jQuery中将数组转换成字符串join()和push()使用
jQuery | 2018-09-13 1424
1、push()将元素依次添加至数组; 2、join()将数组转换成字符串,里面可以带参数分隔符,默认【,】 <script src="jquery.min.js"></script> <script> $(document).on('click','.sure',function...
评论:0条
评论加载中...
发表评论