首页 > 其他分享 >jquery.min.map 404 (Not Found)出错的原因及解决办法

jquery.min.map 404 (Not Found)出错的原因及解决办法

时间:2022-12-19 13:37:37浏览次数:60  
标签:jquery map min Chrome source jQuery

​Chrome​​​ 更新后出现了 jquery.min.map ​​404​​  (Not Found) 的信息

这个到底是什么东西?查询了一下,得到了以下资料

摘录一下內容

从 ​​jQuery​​ 1.9.0 版本后在原始代码里会有 @ sourceMappingURL=jquery.min.map

什么是Source map

简单说,Source map就是一个信息文件,里面存储着位置信息。也就是说,转换后的代码的每一个位置,所对应的转换前的位置。

有了它,出错的时候,除错工具将直接显示原始代码,而不是转换后的代码。这无疑给开发这带来了很大方便。

导致  jquery.min.map 404 原因

更新后 Chrome 自行开启了 Enable source maps 的选项但你又沒有放 Source map 导致找不到档案。

解决办法

当打开引入jQuery脚本的页面时,在Chrome的控制台中报了“GET http://localhost/libs/jquery.min.map 404 (Not Found)”的错误。

刚开始以为是Chrome安装插件导致的错误,可是把引入换成jQuery开发版本时,错误就不见了。并且只有Chrome会有这个错误提示,FireFox、IE不会报错。

后来发现原来是jQuery脚本中 "​​//@ sourceMappingURL=jquery-1.10.2.min.map​​" 这一行惹的祸。

如果是布置到生产环境中去,你可以把上面那行代码直接删掉。

如果是在开发环境中,你应该下载​​jquery-1.10.2.min.map​​文件,放到jQuery同级目录中去(需要对应的source map文件)。

 

 

解決方式1.

将 Developer Tools ->设置 Enable source maps 关闭

解決方式2.

下载同一版本的 source maps跟jquery.js同目录

source maps 会跟 jquery 同位置

Jquery 位置 ​​http://code.jquery.com/jquery-1.10.2.min.js​

source maps 位置  ​​http://code.jquery.com/jquery-1.10.2.min.map​

 



标签:jquery,map,min,Chrome,source,jQuery
From: https://blog.51cto.com/u_15147537/5951923

相关文章

  • difference between collection and association mapping in mybatis 3
    Mybatis处理“一对多”的关系时,需要用到associasion元素。处理”多对一“用collection元素来实现(这两个元素在之前mapper文件中提到过)。本例子中,假设一名User可以有多个Orde......
  • MinIO
    MinIo简介MinIO是在GNUAffero通用公共许可证v3.0下发布的高性能对象存储。它与亚马逊S3云存储服务API兼容。使用MinIO为机器学习、分析和应用程序数据工作负载构建高性......
  • 5. MinIO与springboot的集成
    MinIO与springboot的集成搭建一个springboot的项目,集成MinIO实现文件的管理。一、搭建springboot环境IntelliJIDEAJDK17gradle-7.5.1springboot2.7.6项目地址:g......
  • 基于 Dubbo Admin 临时踢除问题服务实例
    Dubbo提供临时踢除问题服务实例的服务治理能力,可以在无需重启应用的情况下,临时踢除问题服务实例。Dubbo可以通过XML配置,注解配置,动态配置实现临时踢除问题服务实例,这里主......
  • (六)Jquery Mobile主题及插件的使用
    二、自定义主题   根据js自带的主题,提取出来进行更改​​来自为知笔记(Wiz)​​作者:少帅......
  • 基于 Dubbo Admin 动态调整服务超时时间
    Dubbo提供动态调整超时时间的服务治理能力,可以在无需重启应用的情况下,动态调整服务超时时间。Dubbo可以通过XML配置,注解配置,动态配置实现动态调整超时时间,这里主要介绍动......
  • nmap 安全工具简介、测试以及使用方法
    目录第一章.工具简介....3第二章.后门测试....4第三章.沙盒检测....6第四章.检测结论....8 第一章.工具简介官方网站:https://nmap.org/nmap是一个......
  • 第一百一十五篇: JS集合引用类型Map
    好家伙,本篇为《JS高级程序设计》第六章“集合引用类型”学习笔记 1.MapECMAScript6以前,在JavaScript中实现“键/值”式存储可以使用object来方便高效地完成,也就是使用对......
  • [seaborn] seaborn学习笔记6 热图HEATMAPPLOT
    date:2019-05-3117:15:55+0800tags:-seaborn-Python-数据分析与可视化6热图Heatmapplot(代码下载)热图是指通过将矩阵单个的值表示为颜色的图形表示。......
  • minimun value
    题目描述Readagroupofpositiveintegersendingwithanegativeinteger.Findouttheminimumvalueamongthepositiveintegersandprinttheresult.样例输......