【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、解决办法

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