js.map error

1. 问题: 

    1.1 通过bower install 的components 许多在运行的时候报404无法找到js.map文件, 如图:

        

2. 分析:

    2.1 查看jQuery源码 /dist/jquery.min.map

        

    2.2 在stackoverflow中查找到:

            

    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"行;