修复了加载过程中可能出现 Root label not found 错误的问题 #470

jin-yufeng · Dec 25, 2022 · 7ad10c3 · 7ad10c3
1 parent fed8bf9
commit 7ad10c3
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 7 deletions.
diff --git a/src/miniprogram/index.js b/src/miniprogram/index.js
@@ -341,24 +341,27 @@ Component({
 
       if (this.properties.lazyLoad || this.imgList._unloadimgs < this.imgList.length / 2) {
         // 设置懒加载，每 350ms 获取高度，不变则认为加载完毕
-        let height
+        let height = 0
         const callback = rect => {
+          if (!rect || !rect.height) rect = {}
           // 350ms 总高度无变化就触发 ready 事件
           if (rect.height === height) {
             this.triggerEvent('ready', rect)
           } else {
             height = rect.height
             setTimeout(() => {
-              this.getRect().then(callback)
+              this.getRect().then(callback).catch(callback)
             }, 350)
           }
         }
-        this.getRect().then(callback)
+        this.getRect().then(callback).catch(callback)
       } else {
         // 未设置懒加载，等待所有图片加载完毕
         if (!this.imgList._unloadimgs) {
           this.getRect().then(rect => {
             this.triggerEvent('ready', rect)
+          }).catch(() => {
+            this.triggerEvent('ready', {})
           })
         }
       }

diff --git a/src/miniprogram/node/node.js b/src/miniprogram/node/node.js
@@ -151,6 +151,8 @@ Component({
           setTimeout(() => {
             this.root.getRect().then(rect => {
               this.root.triggerEvent('ready', rect)
+            }).catch(() => {
+              this.root.triggerEvent('ready', {})
             })
           }, 350)
         }

diff --git a/src/uni-app/components/mp-html/mp-html.vue b/src/uni-app/components/mp-html/mp-html.vue
@@ -331,24 +331,27 @@ export default {
 
       if (this.lazyLoad || this.imgList._unloadimgs < this.imgList.length / 2) {
         // 设置懒加载，每 350ms 获取高度，不变则认为加载完毕
-        let height
+        let height = 0
         const callback = rect => {
+          if (!rect || !rect.height) rect = {}
           // 350ms 总高度无变化就触发 ready 事件
           if (rect.height === height) {
             this.$emit('ready', rect)
           } else {
             height = rect.height
             setTimeout(() => {
-              this.getRect().then(callback)
+              this.getRect().then(callback).catch(callback)
             }, 350)
           }
         }
-        this.getRect().then(callback)
+        this.getRect().then(callback).catch(callback)
       } else {
         // 未设置懒加载，等待所有图片加载完毕
         if (!this.imgList._unloadimgs) {
           this.getRect().then(rect => {
             this.$emit('ready', rect)
+          }).catch(() => {
+            this.$emit('ready', {})
           })
         }
       }
@@ -397,7 +400,9 @@ export default {
         case 'onReady':
           this.getRect().then(res => {
             this.$emit('ready', res)
-          }).catch(() => { })
+          }).catch(() => {
+            this.$emit('ready', {})
+          })
           break
         // 总高度发生变化
         case 'onHeightChange':

diff --git a/src/uni-app/components/mp-html/node/node.vue b/src/uni-app/components/mp-html/node/node.vue
@@ -303,6 +303,8 @@ export default {
           setTimeout(() => {
             this.root.getRect().then(rect => {
               this.root.$emit('ready', rect)
+            }).catch(() => {
+              this.root.$emit('ready', {})
             })
           }, 350)
         }