解决找不到jquery.min.map文件404错误

更新网页的时候突然看到 chrome 报错:

 GET http://localhost/m/js/jquery.min.map404 (Not Found)

找了一下,代码中并没有引用这个文件啊,奇怪!

上网找了一下,还蛮多人问这个问题的 = = ,网上提供的解决办法有以下几个:

  • 引用官网文件
  • 把source map文件下载下来放到服务器上(推荐)
  • chrome菜单中选择【更多工具】→【开发者工具】(Ctrl+Shift+I)→设置(Settings)→General→Sources→Enable JavaScript source maps 前面的勾去掉

Source map就是一个信息文件,里面储存着位置信息。也就是说,转换后的代码的每一个位置,所对应的转换前的位置。有了它,出错的时候,除错工具将直接显示原始代码,而不是转换后的代码。

详情可以参考《JavaScript Source Map 详解》by 阮一峰