鸿蒙4.0开发 - DevEco Studio如何使用Previewer窗口预览器报错

DevEco Studio预览器概况在HarmonyOS应用开发过程中,通过使用预览器,可以查看应用的UI效果,方便开发者实时查看应用的运行效果,随时调整代码。

1.正常启动
打开预览器的位置在DevEco Studio编辑界面的右上角部分,竖排文字的第二个选项卡则是Previewer,点击加载即可进入预览器,如下图:
鸿蒙4.0开发 - DevEco Studio如何使用Previewer窗口预览器报错_第1张图片
打开报错:
在这里插入图片描述

Cannot preview this file. Previews are available for files in .ets, .js, .css, .hml, or .visual format, .json files of service widgets, layout.xml, AbilitySlice.java, and Ability.java.

原因是没有选中相应的.ets文件。在鸿蒙4.0中,只有.ets布局文件才能打开Previewer,查看相应的UI界面。我的解决方法当然就是双击选中StackSample.ets文件,再点击Previewer,则成功加载。

鸿蒙4.0开发 - DevEco Studio如何使用Previewer窗口预览器报错_第2张图片

鸿蒙4.0开发 - DevEco Studio如何使用Previewer窗口预览器报错_第3张图片

你可能感兴趣的:(鸿蒙,harmonyos,笔记,华为)