1. 问题:
1.1 通过bower install 的components 许多在运行的时候报404无法找到js.map文件, 如图:
2. 分析:
2.1 查看jQuery源码 /dist/jquery.min.map
2.2 在*中查找到:
2.3 在项目发布的时候, 删除了js.map 文件, 所以使其报错, 文件不对应;
2.4 得出js.map文件是帮助开发人员反压缩代码用的,是一个映射文件, 对项目运行无影响;
3. 解决:
3.1 在/bower_components/[components]/[build]/xxx.js 找到最后一行, 直接删除:
3.2 重新编译项目, 运行后发现少了一个404错误:
3.3 原因是在项目中的webpack.config.js 中的devtool设置:
4. 解决方案:
4.1 添加对应的 js.map文件, 使其不报404报错;
4.2 找到对应的js文件, 删除最后一行 //# sourceMappingURL=....
4.3 在打包配置文件webpack.config.js中, 去掉devtool: "#source-map"行;