Harmony错题本--@Preview标注上依然无法预览
初学HarmonyOs开发,写了一个超级简单的组件,但是代码上没有什么问题,DevEco Studio却无法完成预览
代码如下:
// 单纯的右键-> ArkTsFile的话,可以创建一个组件。
// 原因是,之前我们学过通过右键->page创建一个配套页面。成了页面之后,
// 连路由文件都会加一项。但是我们写一个专门的组件的时候,就不用做这么多了\
@Preview
@Component //这个注释代表了这是一个组件,Component代表是一个装饰器
export struct Header{
build() {
Column(){
Text("Header Component!")
}
.width("100%")
.height("100%")
}
}
点击右侧Preview的时候,报错:
按照指示看下日志报错为:
楼主觉得代码上没有写错,于是把之前能预览的界面也拿过来试试,看看能不能预览, 发现也出了问题。于是就根据log看看,看样子像是路由文件配置错了。
于是打开 main_pages.json文件,发现了问题。
// enter/src/main/resources/base/profile/main_pages.json 是路由描述文件
{
"src": [
"pages/Index",
"pages/Second",
"pages/DetailPage" //当我们在右键点击生成一个page的时候,这里会自动多一个相应的文件路由。
]
}
问题就是处在这些注释上!首先json文件不支持这种注释, 第二楼主按照网上查的json应该怎么注释,这种方式来改,也是不行的。
所以对于json文件而言,最好不要注释!
解
将main_pages.json文件改为:
{
"src": [
"pages/Index",
"pages/Second",
"pages/DetailPage"
]
}
总结
HarmonyOs开发时, json文件最好不要有注释,可能会影响预览能力,甚至编译也会出问题。