HarmonyOS jscrash,代码报Error message:is not callable

@Entry()
@ComponentV2
struct Index {
  vm = new ViewModel()

  build() {
    Column() {
      Row() {
        ForEach(this.vm.names, (item: string, index: number) => {
          Column() {
            PersonComponent({
              name: item,
              color: index == this.vm.currentIndex ? Color.Red : Color.Blue
            })
            // 下面这个版本不崩溃
            // if (this.vm.currentIndex == index) {
            //   PersonComponent({
            //     name: item,
            //     color: Color.Red
            //   })
            // } else {
            //   PersonComponent({
            //     name: item,
            //     color: Color.Blue
            //   })
            // }
          }.onClick(() => {
            this.vm.currentIndex = index
          })
        })
      }.alignItems(VerticalAlign.Center).height('100%')
    }.alignItems(HorizontalAlign.Center).width('100%')
  }
}

@ComponentV2
struct PersonComponent {
  name: string = ''
  color: ResourceColor = Color.Blue
  build() {
    Column() {
      Shape() {
        Circle().width(50).height(50).fill(this.color).strokeOpacity(0)
      }.width(50).height(50)

      Text(this.name)
    }
  }
}

@ObservedV2
class ViewModel {
  @Trace names = ['Alice', 'Bob', 'Charles', 'David', 'Eve']
  @Trace currentIndex = 0
}