【HarmonyOS NEXT】Component组件引入报错 does not meet UI component syntax.

2025-06-30 23:28:30
106次阅读
0个评论

【HarmonyOS NEXT】Component组件引入报错

##鸿蒙开发能力 ##HarmonyOS SDK应用服务##鸿蒙金融类应用 (金融理财#

一、问题背景

有时会碰到引入组件时,无法import引入组件,导致引入的组件报错。

或者提示does not meet UI component syntax. (不符合UI组件语法。)


在这里插入图片描述 如下图所示,在引入组件时,在同一个类中声明的组件,引入不会报错,但是单独创建组件文件的类反而会报错。 在这里插入图片描述 在这里插入图片描述

二、解决方案:

上图问题实际上是引入的组件,引入失效导致。在鸿蒙ArkTS语法中,不同的类文件引入,需要设置export进行打开,否则默认其他类是无法引入该文件。

只需要在单独的组件声明类前,加入export 即可。

为了方便引用,还可以加入default进行声明。这样就会导入类名一致的组件了。这样将鼠标放到报错处,还可以方便的自动导包。

在这里插入图片描述

@Component
export struct TestChildView{

  build() {
    Text("测试view1")
      .fontSize(50)
      .fontWeight(FontWeight.Bold)
  }
}
import TestChildView1 from '../view/TestChildView1'

@Entry
@Component
struct TextPage {

  build() {
    Column() {
      TestChildView()
      TestChildView1()
    }
    .height('100%')
    .width('100%')
    .justifyContent(FlexAlign.Center)
  }
}

@Component
struct TestChildView{

  build() {
    Text("测试view")
      .fontSize(50)
      .fontWeight(FontWeight.Bold)
  }
}
收藏00

登录 后评论。没有帐号? 注册 一个。