【1】要预览的页面,没有添加@Entry
【2】代码中是否使用了不可预览的API
【3】其它页面代码存在报错,注意一个页面的代码有问题,会影响所有页面预览
例1:代码中使用了动态装饰器 然后后面所有的代码 预览都出现问题了
To be previewed properly, an @Entry decorated component should be clear of the @Consume, @Link, @ObjectLink, and @Prop decorators, and it is recommended that an @Preview decorated component should have a parent container with a valid, runtime-independent default value.
解决方案:为了使HarmonyOS组件在预览模式下正确显示,开发者需要确保:
-
@Entry组件避免使用动态装饰器,因为这些装饰器依赖于运行时数据,而预览模式需要静态数据。
-
@Preview组件应当置于一个拥有固定默认属性值的容器中,以便在预览时不依赖于任何动态环境或数据。
例2:没给默认值,不添加= undefined;也无法预览。
例3:如果存在相同组件名称,也无法预览