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