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

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

 这是控制台的报错

 但是我在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>

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

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
根据提供的信息,报错信息"Failed to load local image resource /pages/publish/h the server responded with a status of 500"是在使用uni-app开发微信小程序时遇到的问题。根据引用中的描述,这个问题可能是由于在微信开发者工具中编译加载图片时图片路径为undefined导致的。 根据引用的内容,可以使用计算属性Compute()来解决初次加载时图片为空的问题。需要在页面的HTML代码中添加相应的代码,并在Computed()中定义一个计算属性来返回正确的图片路径。 在你的代码中,可以尝试使用以下方式来解决这个问题: ``` <view class="topbox" :style="{backgroundImage: bgImage}"></view> ``` 同时,在Computed()中添加以下代码: ``` computed: { bgImage() { return 'url(' + require('@/static/icon/register/bg03.png') + ')'; } }, ``` 这样,计算属性bgImage会返回正确的图片路径,解决了图片加载为空的问题。 希望这个解决方案能够帮助你解决问题。如果问题仍然存在,请提供更多的上下文信息以便我们更好地帮助你。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [ Failed to load local image resource undefined the server responded with a status of 500](https://blog.csdn.net/m0_46570767/article/details/121116741)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [Optimizing the Quality of Service for a Pub/Sub System](https://download.csdn.net/download/weixin_38526612/15114801)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Rised

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值