本文介绍了在webpack打包时遇到图片加载失败的问题，以及两种解决方案：1. 直接修改打包后的bundle.js中图片路径；2. 降低webpack及其相关loader的版本以解决版本冲突。通过这两种方法，可以成功解决图片无法显示的问题。
昨晚偶遇这个问题也尝试了好久，浅浅说一下我的解决办法：
dist中出现两张图片，一张能打开，一张不能打开，显示加载失败，编译器是vscode，最开始我以为是编译器的问题，实则不然
第一种解决办法：
1.使用webpack打包后,我们找到dist中的bundle.js，这个js文件中的一段代码：
我们可以看到正好包里面引用的是那张打不开的图片，我们把这个改成另一张能加载图片的名字：
不要重新打包,图片加载出来了，很成功：（要注意定义的html文件也要在dist文件中， 不然图片的地址也会不对，对于webpack打包的逻辑我们之后具体再说：
最低0.47元/天 解锁文章
3486
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
