微信小程序js中如何引用图片?

js中定义了一个列表,列表中有图片,是本地的。
wxml中循环出来,展示图片和文字。

<view wx:for="{{styleList}}" class="styleItem" >
    <image class="styleImg" src="{{item.img}}"></image>
    <text class="styleText">{{item.name}}</text>
  </view>

js中

styleList:[
      {
        name: 'aaa',
        img: require('/assets/styles/aaa.jpeg'),
      },
    ],

但是这个require引用的提示不存在。
Error: module 'components/style/assets/styles/aaa.jpeg.js' is not defined, require args is '/assets/styles/aaa.jpeg'

阅读 3.9k
2 个回答
icon: require('../../assets/images/warning.png'),

用这种路径试试

还不行的话

重启小程序开发工具

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题