使用微信小程序云存储中的fileID渲染出错的解决

一、错误截图

[渲染层网络层错误] Failed to load local image resource /pages/center/cloud://cloud1-1g0b42x731618183.636c-cloud1-1g0b42x731618183-1317112875/avatarUrl/%E5%A4%B4%E5%83%8F_2cc84e26640db55d04179fe54c4fb585_1678620824098.png
 the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)
(env: Windows,mp,1.06.2301160; lib: 2.14.1) 

二、错误原因及其解决方案

导致这样的错误，有两个原因：

1、基础库的版本号过低

官方的资料中有说明，image组件的src从2.3.0 起开始支持云文件ID。

需要确认下使用的调试基础库的版本号，修改之后可以正常显示。

 2、src传入错误

当src中路径中存在多余空格时，加载此ID时，会加载失败，而image会自动将其拼接"/~/pages/cloud://~"路径，认为其是项目图片。故而加载失败。

例如：<image class="image" src=" {{userInfo.avatarUrl || '/images/toux.jpg' }}"></image>

看着没法毛病，但仔细观察，会发现'src='的后面多了一个空格，正确书写为：

<image class="image" src="{{userInfo.avatarUrl || '/images/toux.jpg' }}"></image>

 总结：

        1、大多数情况下是src路径有问题，读者应该多细心检查一下src的书写情况。

        2、也有可能是云存储中没有对应的信息，但这种情况很容易排查，不在赘述。

路漫漫其修远兮，吾将上下而求索。                ---屈原