鸿蒙NEXT开发【记录利用bind(this)解决报错SourceMap is not initialized yet】

最新推荐文章于 2024-12-23 15:27:05 发布

沙人防火历飞雨

最新推荐文章于 2024-12-23 15:27:05 发布

阅读量632

点赞数 2

CC 4.0 BY-SA版权

分类专栏：开发日常文章标签： harmonyos 鸿蒙鸿蒙系统 openharmony

本文链接：https://blog.csdn.net/houxiliOH/article/details/142768051

开发日常专栏收录该内容

41 篇文章

订阅专栏

【结论】

将 emptyLayout: () => EmptyBuilder(),
修改为 emptyLayout: EmptyBuilder.bind(this),

【起因】

在使用第三方上拉下拉刷新组件时，调用全局封装的空布局组件会报错。

第三方：https://ohpm.openharmony.cn/#/cn/detail/@abner%2Frefresh

报错信息

Error message:Cannot read property observeComponentCreation2 of undefined
Stacktrace:
SourceMap is not initialized yet 
    at EmptyBuilder (entry|entry|1.0.0|src/main/ets/view/CommonBuilder.ts:2:5)
    at emptyLayout (entry|entry|1.0.0|src/main/ets/pages/Page66.ts:63:44)
    at anonymous (entry|@abner/refresh|1.3.4|src/main/ets/RefreshLayout.js:1035:21)
    at ifElseBranchUpdateFunction (/usr1/hmos_for_system/src/increment/sourcecode/foundation/arkui/ace_engine/frameworks/bridge/declarative_frontend/engine/stateMgmt.js:4137:4137)
    at anonymous (entry|@abner/refresh|1.3.4|src/main/ets/RefreshLayout.js:1034:17)
    at updateFunc (/usr1/hmos_for_system/src/increment/sourcecode/foundation/arkui/ace_engine/frameworks/bridge/declarative_frontend/engine/stateMgmt.js:6661:6661)

【示例代码】

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

src/main/ets/view/CommonBuilder.ets

@Builder
export function EmptyBuilder() {
  Stack() {
    Text('空布局测试')
  }
}

src/main/ets/pages/Page66.ets

import { ListView, RefreshController } from '@abner/refresh'
import { EmptyBuilder } from '../view/CommonBuilder'

@Entry
@Component
struct Page65 {
  array: string[] = ['1', '2']
  controller: RefreshController = new RefreshController() //刷新控制器，声明全局变量

  build() {
    Column() {

      ListView({
        items: this.array, //数据源 数组,任意类型
        itemLayout: (item, index) => this.itemLayout(item, index),
        controller: this.controller, //控制器，负责关闭下拉和上拉
        isLazyData: false, //禁止懒加载，也就是使用ForEach进行数据加载
        onRefresh: () => {
          //下拉刷新
          this.controller.finishRefresh();
        },
        onLoadMore: () => {
          //上拉加载
          this.controller.finishLoadMore();
        },
        emptyLayout: EmptyBuilder.bind(this),//这样写() => EmptyBuilder() 如果在当前struct中没问题，但放到全局里就不行了。
        showEmptyLayout: true
      })

    }
    .height('100%')
    .width('100%')
    .justifyContent(FlexAlign.Center)

  }

  /**
   * Author:AbnerMing
   * Describe:条目布局
   * @param item  数据对象
   * @param index  数据索引
   */
  @Builder
  itemLayout(item: Object, index: number): void {
    //条目视图，任意组件
    Column() {
      Text(`item:${item},index:${index}`)
    }
  }
}