鸿蒙开发基础入门时遇到问题以及解决办法

539 阅读4分钟

前言

HarmonyOS系统从面世起就一直饱受争议。但在如今这个内卷时代,作为一名开发者,HarmonyOS的发展无疑为我们提供了一个新的机遇。

恰巧最近任务量比较少,有一些空闲时间,就决定利用这段时间学习一下,本人是一名前端开发,主要技术栈是Vue.js,也掌握uni-app和微信小程序的开发。

我按照HarmonyOS的官方文档学习并实践了一些基础案例。顺利拿到了HarmonyOS应用开发者基础认证。当然,在这个过程中也遇到了一些问题,希望通过我的分享,能够帮助也在学习HarmonyOS的你们。

准备

建议先观看HarmonyOS第一课-HarmonyOS 3.1培训课-华为开发者学堂 (huawei.com)官方的教学视频

DevEco Studio 的安装

安装的过程就跟着教学视频,但视频里没有讲到的有2个点,一个是如何复用已经安装过的的node另一个是如何汉化

复用node

视频里讲的是 直接从华为镜像安装node pkDSYod.png

但如果原本电脑已经安装过node了,再安装的话可能会出现问题,所有这里如果之前安装过的,选择第一个选项,找到安装好的node位置就行。 找node安装位置可以win+r输入cmd打开命令行工具,再输入where node命令就可以查看node的安装路径,选择就好了。第二个选项还是按视频的选择安装鸿蒙的包管理工具。 完成这些之后如果能点击Next的话就接着按照教学视频做就行。

如果出现这种情况

pkDplhn.png

这是因为路径中的文件名包含了空格,所以报错。我是通过nvm安装的node所以这里比较麻烦如果有更好的方法可以评论分享,命令行工具输入 nvm root查看nvm的安装路径,在这个路径里面找到node的安装位置就可以了

pkD9Sg0.png

需要注意的AppData这个文件夹是隐藏的 需要在此文件夹的属性里手动设置成只读才能在安装界面找到并选择,再就是不支持太高的node版本 我选择20的版本会报错。

至此安装算是完成了。


如何设置中文

对有需要的朋友们

  1. 点击
pkD9NxP.png
  1. 在搜索框输入Chinese 搜索下载 点击ok 重启软件就好了
pkD9yPs.png

模拟器导致电脑重启的问题

跟着教学视频走到这的时候 安装好模拟器想要运行 一点击就会重启 我的电脑系统是win11

pkD37He.png

解决办法就是打开Windows功能面板中启动或关闭windows功能"中勾选Hyper-vWindows虚拟机监控程序平台虚拟机平台。然后重启电脑就好了。

pkD3L4A.png

待办列表 案例中的问题

在看源码的时候里面很多地方有用到$r()函数,视频课里貌似并没有讲到,也可能是我看漏了,这里也说一下。

pkDJl11.png

这个是官网文档类型定义-组件参考(基于ArkTS的声明式开发范式)-ArkTS API参考 | 华为开发者联盟 (huawei.com)

简单来讲就是引入resources文件夹里的资源而已,在练习的时候像这种数值,文本的内容直接写就行,不需要去引用,反而搞复杂了,引入本地图片资源的时候才使用。

我是这样写的,提供一下参考: pkDJDjP.png

路由跳转问题

在使用路由的时候,语法都对,但就是不能跳转。出现这种问题的原因就是你的页面没有注册路由。 有2个方法可以注册路由。

方法一

在创建页面的时候可以直接创建 Page 会自动去注册,这点跟uniapp很像 pkDJXC9.png

方法二

resources-->profile-->main_page.json文件下面手动添加 pkDYE8A.png

ForEach添加文件问题

在练习的时候肯定会用的ForEach这个方法,但如果语法写错,一保存,会莫名在每个ets文件下增加2个文件。出现这种问题不要慌,手动删除就好了,反正我是这样做的。

正常情况是这样: pkDY054.png

出现问题是这样: pkDYIGd.png

模拟器启动白屏问题

一个小练习写完了,想用启动模拟器看看效果,但一直是白屏,原因是修改了index文件名称,加载目录对不上,模拟器找不到文件。

解决办法:Ctrl+Shift+F全局搜索loadContent把原本默认路径改成你自己的启动路径就好了。 pkDtZi4.png

最后

基础视频课地址:HarmonyOS第一课-HarmonyOS 3.1培训课-华为开发者学堂 (huawei.com)

开发工具下载地址:DevEco Studio-HarmonyOS SDK下载和升级-华为开发者联盟 (huawei.com)

文档地址:组件参考(基于ArkTS的声明式开发范式)-ArkTS API参考 | 华为开发者联盟 (huawei.com)

第三方库地址:OpenHarmony三方库中心仓

论坛地址:华为开发者论坛 | 华为开发者联盟 (huawei.com)

进阶地址:Codelabs (huawei.com)