记一次“HarmonyOS 鸿蒙Next中XXX does not meet UI component syntax.”报错

记一次“HarmonyOS 鸿蒙Next中XXX does not meet UI component syntax.”报错

描述见注释

@Component
export default struct AlertDialogDemo {
  build() {
    Column(){
      Text('abc')
        .fontColor('#0000ff')
      Button('AlertDialogDemo2')
        .onClick(() => {
          AlertDialog.show({
            title: '提示',
            message: '提示信息',
            autoCancel: true, // 可否点击遮障层关闭
            alignment: DialogAlignment.Bottom,
            offset: {dx: 0, dy: -20},
            confirm: {
              value: '确认',
              action: () => {
                console.log('Callback when confirm button is clicked');
              },
            },
            /*方式一：一切正常*/
            // cancel: () => {
            //   console.log('Closed callback');
            // },
            /*方式二： 如果当前Button是Column中最后一个组件，就能正常预览打包
            如果后续跟了别的组件，如下方Text，预览打包就会报错，但是报错内容是Text有问题
            但实际问题不在Text，而在cancel这里，改为方式一就不报错了。*/
            cancel() {
              console.log('Closed callback');
            },
          })
        })
      /*报错点
      'Text('def')
               .fontColor('#0000ff')' does not meet UI component syntax.*/
      Text('def')
        .fontColor('#0000ff')
    }.width('100%')
  }
}