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