【HarmonyOS】遇见的问题汇总

一、当前编辑的页面,预览打不开

1、问题说明

当前编辑的页面,预览打不开,日志提示如下:

Route information is not configured for the current page. To avoid possible redirection issues, configure route information for the page.

Configure route information in D:\MyApplication\entry\src\main\resources\base\profile\main_pages.json

2、问题原因

没有为当前页面配置路由信息。若要避免可能的重定向问题,请配置页面的路由信息。在D:\MyApplication\entry\src\main\resources\base\profile\main_pages.json中配置路由信息

3、解决办法

根据日志提示,找到路由配置文件,并添加对应页面路由,具体步骤如下图:

二、预览器报错:does not meet UI component syntax.

1、问题说明

does not meet UI component syntax.

**翻译:**不符合UI组件语法

2、问题原因

鸿蒙的开发工具 DevEco Studio 自动生成了.map和.js文件

3、解决办法

方法一:挨个删除自动生成了.map和.js文件;

方法二:批量删除,插件下载:https://plugins.jetbrains.com/plugin/23192-arkcompilersupport/versions/stable

插件使用方法(两个链接都是同一插件的使用方法说明):

链接1:DevEco Studio 运行项目有时会自动出现.js和.map文件 - 掘金

链接2:HarmonyOS 启动预览器报错:does not meet UI component syntax.-CSDN博客

三、image组件 使用 svg格式图片 显示不出来

1、问题说明

Image($r('app.media.delete')) ,其中delete是一个.svg图标,但是页面上显示不出来

2、问题原因

(1)Image组件没有设置长宽,在父组件长或宽无穷大的场景下,svg资源不会绘制。

(2)因为 svg 中指定了长宽,因此只显示了左上角,且恰好左上角透明,看上去就像是没显示出来。

3、解决办法

(1)给Image组件设置长宽

复制代码
Image($r('app.media.delete'))
  .width(20)
  .height(20)

(2)去掉 svg 中指定的长宽,让其长宽以 image 组件为准,如图:

4、参考链接

HarmonyOS 应用开发记录_hml image svg-CSDN博客 中的第3点

四、svg图标颜色修改无效

1、问题说明

引入的svg图标更改颜色不生效,如代码所示:

复制代码
Image($r('app.media.delete'))
  .width(20)
  .height(20)
  .fillColor(Color.White) // 将Svg图标改为白色

2、问题原因

svg文件中代码自带的属性影响了

3、解决办法

(1)在svg标签上添加 fill="currentColor" 属性;

(2)删除 style标签及其内容;(也可能不需要删除该项)

如图所示:

五、DevEco Studio 的 Device 找不到创建的本地设备的模拟器

1、问题说明

右上角显示"No Device",设备管理启动本地设备,也只出现黑屏的手机模拟器,右上角依旧显示"No Device"

2、问题原因

不知道,突然就好了

3、解决办法

按步骤1-3没有出现设备名,则进行步骤4,还是没有出现设备名,则等一会,就出现了;

六、ohpm 环境变量配置不生效

1、问题说明

配置了ohpm环境变量,但是不生效,无法使用

2、问题原因

不知道

3、解决办法

配置好了之后需要重启电脑

相关推荐
航Hang*4 小时前
第三章:网络系统建设与运维(中级)——交换技术
运维·笔记·计算机网络·华为·ensp·交换机
l134062082355 小时前
Flutter Geocoding 在鸿蒙上的使用指南
flutter·华为·harmonyos
无人装备硬件开发爱好者5 小时前
华为海思 BS21E (H2821E) 星闪组网测距定位 技术可行性方案
华为·最小二乘法·星闪·测距定位
俩毛豆5 小时前
【毛豆工具集】【UI】【多设备适配】实现与屏幕密度等倍的图片加载
华为·harmonyos
l134062082356 小时前
344.在鸿蒙上使用 animations Flutter 包的指南
flutter·华为·harmonyos
灯前目力虽非昔,犹课蝇头二万言。6 小时前
HarmonyOS笔记12:生命周期
笔记·华为·harmonyos
Random_index8 小时前
#HarmonyOS篇:学习UI规范基本语法&&学习UI范式装填管理V1&&学习UI范式装填管理V2&&学习UI范式渲染控制
harmonyos
前端世界8 小时前
鸿蒙分布式权限管理实战指南:架构原理 + 可运行 Demo
分布式·架构·harmonyos
LRX_1989278 小时前
华为设备配置练习(八)策略路由配置
服务器·网络·华为
SmartBrain9 小时前
解读:《华为变革法:打造可持续进步的组织》
大数据·人工智能·华为·语言模型