[渲染层网络层错误] Failed to load local xxx resource /pages/home/ the server responded with a status of 500

最新推荐文章于 2024-06-28 16:57:31 发布

原创最新推荐文章于 2024-06-28 16:57:31 发布 · 1.4k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序

本文分享了一次解决微信小程序中图片加载失败的问题经历。通过调整wx:for属性的使用方式，即去除其后的空格，成功解决了渲染层的图片加载错误。

在写微信小程序的时候遇到了这种错误：渲染层报错，图片加载错误，渲染内容的时候错误。

这是控制台的报错

但是我在AppData中也能获取到数据，在网上查的是数据的返回形式写错了，但是我的不是那个问题

<view class="gird-list">
  <view class="gird-item" wx:for=" {{gridList}} " wx:key="id">
  <image src=" {{ item.icon }} "></image>
  <text>{{item.name}}</text>
    </view> 
</view>

这是我的wxml代码，最后排查了自己没有写错的情况下，发现了是自己的wx:for 后边加了空格，所以报错，去掉空格就可以了

<view class="gird-list">
  <view class="gird-item" wx:for="{{gridList}}" wx:key="id">
  <image src=" {{ item.icon }} "></image>
  <text>{{item.name}}</text>
    </view> 
</view>

记录一下自己的小错误，希望能帮到刚学习小程序的伙伴们。