本文详细解析了小程序在页面加载过程中遇到的字体加载失败问题，具体表现为console.error错误信息提示。原因是异步请求速度未及时跟上页面加载速度，导致image值为空，从而引发渲染层和网络层错误。解决方案是在图片加载前加入wx:if条件判断，适当延缓加载时间，确保资源加载完成。
问题：
console.error("Failed to load font https://cdn.staticfile.org/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2\nnet::ERR_CACHE_MISS
原因：
异步请求需要一定的时间，而小程序一进页面就开始加载，请求速度没跟上，这时页面显示加载的时候image里面的值是空的，就会出现渲染层、网络层错误，
解决：
只需要加上wx:if="{{arr.length>0}}“或者wx:if=”{{****}}"
拖延一下加载图片的时间
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
