一、问题描述
参考清华大学出版社《微信小程序开发详解》一书,开发测试类小程序,无法加载图片,提示信息为:
[渲染层网络层错误] Failed to load local image resource
报错截图如下:
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/e14be9c5365d43eea81420c3e7029407.png)
二、原因分析
通过报错信息可以看出,图片无法加载是由于分包后,新的包文件夹(packageA/images)下没有所调用的图片导致的。项目结构:
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/173f5daec236455993b28ab1d24c0819.png)
images/ (旧的图片文件夹)
packageA/ (分包后的主包文件夹)
images/ (主包下的图片文件夹)
三、问题解决
将所需的图片复制一份到packageA/images/ 目录下即可。
成功显示图片:
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/a0e54fa3fc5448a9bece0a22a796519b.png)