【HarmonyOS】预览器Previewer不显示的可能情况整理。

451 阅读1分钟

【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组件在预览模式下正确显示,开发者需要确保:

  1. @Entry组件避免使用动态装饰器,因为这些装饰器依赖于运行时数据,而预览模式需要静态数据。

  2. @Preview组件应当置于一个拥有固定默认属性值的容器中,以便在预览时不依赖于任何动态环境或数据。

例2:没给默认值,不添加= undefined;也无法预览。

cke_8765.png

cke_9413.png

例3:如果存在相同组件名称,也无法预览

cke_12656.png

cke_13519.png