Taro小程序,对数组中的本地图片进行渲染操作
把数组中的图片地址写成绝对路径或者相对路径时,渲染页面都会发生报错。
报错提示:[渲染层网络层错误] Failed to load local image resource /pages/assets/images/
通常意味着你的网页或应用试图加载一个本地图片资源,但是未能成功找到或加载该资源。
在taro官方文档中,有对静态资源引用进行说明。
解决办法:
import icon1 from '../assets/images/bookIcon/icon1.png'
import icon2 from '../assets/images/bookIcon/icon2.png'
const tabList = [
{title:'篮球', iconUrl: icon1},
{title:'足球', iconUrl: icon2},
]