HarmonyOS 页面滑动，通过provide提供的数据，会报错提示找不到

import { WaterFlowDataSource } from './WaterFlowDataSource'  
  
@Component  
struct WaterFlowComponent {  
  @Consume dataSource: WaterFlowDataSource;  
  @Consume itemWidthArray: number[];  
  @Consume itemHeightArray: number[];  
  @Consume colors: number[]  
  
  build() {  
    WaterFlow() {  
      LazyForEach(this.dataSource, (item: number) => {  
        FlowItem() {  
          Column() {  
            Text("N" + item).fontSize(12).height('16')  
            Image($r('app.media.testImage'))  
              .objectFit(ImageFit.Fill)  
              .width('100%')  
              .layoutWeight(1)  
          }  
        }  
        .onAppear(() => {  
          // 即将触底时提前增加数据  
          if (item + 20 == this.dataSource.totalCount()) {  
            for (let i = 0; i < 100; i++) {  
              this.dataSource.addLastItem()  
            }  
          }  
        })  
        .width('100%')  
        .height(this.itemHeightArray[item % 100])  
        .backgroundColor(this.colors[item % 5])  
      }, (item: string) => item)  
    }  
    .columnsTemplate("1fr 1fr")  
    .columnsGap(10)  
    .rowsGap(5)  
    .backgroundColor(0xFAEEE0)  
    .width('100%')  
    .height('100%')  
    .onReachStart(() => {  
      console.info('waterFlow reach start')  
    })  
    .onScrollStart(() => {  
      console.info('waterFlow scroll start')  
    })  
    .onScrollStop(() => {  
      console.info('waterFlow scroll stop')  
    })  
    .onScrollFrameBegin((offset: number, state: ScrollState) => {  
      console.info('waterFlow scrollFrameBegin offset: ' + offset + ' state: ' + state.toString())  
      return { offsetRemain: offset }  
    })  
  }  
}  
  
@Entry  
@Component  
struct WaterFlowTest {  
  @State minSize: number = 80  
  @State maxSize: number = 180  
  @State fontSize: number = 24  
  @Provide colors: number[] = [0xFFC0CB, 0xDA70D6, 0x6B8E23, 0x6A5ACD, 0x00FFFF, 0x00FF7F]  
  scroller: Scroller = new Scroller()  
  @Provide dataSource: WaterFlowDataSource = new WaterFlowDataSource()  
  @Provide itemWidthArray: number[] = []  
  @Provide itemHeightArray: number[] = []  
  // 计算FlowItem宽/高  
  getSize() {  
    let ret = Math.floor(Math.random() * this.maxSize)  
    return (ret > this.minSize ? ret : this.minSize)  
  }  
  
  // 设置FlowItem的宽/高数组  
  setItemSizeArray() {  
    for (let i = 0; i < 100; i++) {  
      this.itemWidthArray.push(this.getSize())  
      this.itemHeightArray.push(this.getSize())  
    }  
  }  
  
  aboutToAppear() {  
    this.setItemSizeArray()  
  }  
  
  @Builder  
  itemFoot() {  
    Column() {  
      Text(`Footer`)  
        .fontSize(10)  
        .backgroundColor(Color.Red)  
        .width(50)  
        .height(50)  
        .align(Alignment.Center)  
        .margin({ top: 2 })  
    }  
  }  
  
  build() {  
    Column({ space: 2 }) {  
      WaterFlowComponent()  
    }  
  }  
}