Harmony错题本--@Preview标注上依然无法预览

server/2024/11/17 15:01:17/

初学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文件最好不要有注释,可能会影响预览能力,甚至编译也会出问题。


http://www.ppmy.cn/server/142670.html

相关文章

【论文复现】智慧医疗:纹理特征VS卷积特征

📝个人主页🌹:Eternity._ 🌹🌹期待您的关注 🌹🌹 ❀ 智慧医疗 论文概述纹理特征和深度卷积特征 算法流程数据预处理方法纹理特征提取深度卷积特征提取分类网络搭建 代码复现BLS_Model.py文件——…

C# WPF 记录DataGrid的表头顺序,下次打开界面时应用到表格中

效果&#xff1a; 代码实现 前端 <DataGrid x:Name"DataGrid1"<!--定义当列位置变化后的触发事件-->CanUserReorderColumns"True"ColumnReordered"DataGrid_ColumnReordered"rubyer:ControlHelper.FocusedForegroundBrush"{Stati…

Grass脚本2倍速多账号

前言&#xff0c;小编也是第一次撸空投&#xff0c;我是抱着试一试的态度&#xff0c;梦想总是要有的万一白嫖了呢 Grass 是什么&#xff1f; Grass 扩展程序是一款创新的工具&#xff0c;它可以帮助您释放未使用的网络资源的力量。 通过分享您的剩余带宽&#xff0c;您可以赚…

计算机网络 (4)计算机网络体系结构

前言 计算机网络体系结构是指计算机网络层次结构模型&#xff0c;它是各层的协议以及层次之间的端口的集合。这一体系结构为计算机网络及其部件应完成的功能提供了精确定义&#xff0c;并规定了这些功能应由何种硬件或软件来实现。 一、主流模型 计算机网络体系结构存在多种模型…

Modbus TCP转Modbus ASCII解决方案

Modbus TCP和Modbus ASCII是两种不同的通信协议。Modbus TCP是一种二进制协议&#xff0c;Modbus ASCII是一种基于文本的协议。二者不能直接转换&#xff0c;因为它们的数据表示方式、消息结构、字符编码等都不相同。 如果你需要将Modbus TCP转换为Modbus ASCII&#xff0c;你…

【前端知识】Javascript前端框架Vue入门

前端框架VUE入门 概述基础语法介绍组件特性组件注册Props 属性声明事件组件 v-model(双向绑定)插槽Slots内容与出口 组件生命周期样式文件使用1. 直接在<style>标签中写CSS2. 引入外部CSS文件3. 使用CSS预处理器4. 在main.js中全局引入CSS文件5. 使用CSS Modules6. 使用P…

数字IC后端低功耗设计实现案例分享(3个power domain,2个voltage domain)

下图所示为咱们社区T12nm A55低功耗实现项目。其实这个项目还可以根据产品的需求做一些改进。改进后项目实现的难度会大大增加。也希望通过今天的这个项目案例分享&#xff0c;帮助到今年IC秋招的同学。 芯片低功耗设计实现upf编写指南&#xff08;附低功耗项目案例&#xff0…

Scala的Set集合

//设置一个Book。有三个属性&#xff1a;书名&#xff0c;作者&#xff0c;价格 class Book(var bookNmame:String,var author:String,var price:Double){} object demo7 {def main(args: Array[String]): Unit { // val set1 Set(1,1,2,3,3) // println(set1)//创建可…