HarmonyOS实战:路由跳转踩坑记

简介: 随着华为HarmonyOS NEXT推出,鸿蒙系统逐渐脱离安卓。为提前做好技术储备,车企也开始学习鸿蒙开发。然而,目前资料稀缺,初学者常遇难题。例如,字符串定义从大写“String”变为小写“string”,路由跳转需手动在`main_pages.json`中注册页面路由,否则会出现“路由不存在”的错误。这些细节易被忽视,建议学习者多留意官方文档与示例代码,分享经验以减少弯路。

背景

     随着华为纯血版HarmonyOS NEXT的推出,鸿蒙系统脱离安卓的日子越来越近了。作为车企大厂的我们当然要第一时间学习鸿蒙开发,提前做好技术储备,为日后鸿蒙应用的开发做好准备工作。于是,小编不得不开始卷起来。哎,前一段时间刚卷完Flutter。。。。

问题

        目前关于鸿蒙的资料不多,小编也是只能从鸿蒙开发者官网上看看官方学习视频,不得不说,视频讲解的真简单,觉得自己一看就会,当上手写代码的时候却又是另外一个样子了。不管是Java还是Kotlin,字符串都是用大写String来定义,一到鸿蒙上就变成了小写string。初学者要特别注意,不然出错都找不到地方,甚至怀疑自己的能力。

      这两天学到鸿蒙的路由跳转,下面是官方的文档截图:

官方文档只给了一个路由跳转的API使用方法,我一看如此简单,立马照葫芦画瓢。下面是我的路由跳转代码截图:

我写了个列表,点击Text跳转第二页。和官方文档写的完全一样。我也是比对了好几遍。当我信心满满的点击时,发现居然页面不跳转。泪奔。。。。和文档写的完全一样啊,难道是文件名不对?传的应该是第二页定义的结构体名称? 我立刻把结构体名称改成TodoListPage,发现依然报错:

错误信息提示 路由不存在。我有点懵逼了,又把文档翻了几遍。确定一点问题没有,完全一样。还是无法跳转。

这是什么鬼?二话不说直接下载官方demo,一点点比对,从上到下比对了一堆文件,终于在main_pages.json 文件中发现了问题。

原来需要在这个文件中注册路由!!!我们手动创建的文件并不会自动注册路由,需要手动注册,手动注册,手动注册!!!重要的事情说三遍!

注册完路由,果然问题解决了,初学者一定要注意这一点,不然可能会碰到和小编一样的问题。

除此之外,小编也给大家尝试过了,这个路由表示的是文件名称,并不是文件里面的结构体名称。

正在学习鸿蒙的小伙伴,可以分享一下在学习中遇到的坑,避免大家多走弯路。。。

目录
相关文章
|
8月前
|
监控 JavaScript 编译器
从“天书”到源码:HarmonyOS NEXT 崩溃堆栈解析实战指南
本文详解如何利用 hiAppEvent 监控并获取 sourcemap、debug so 等核心产物,剖析了 hstack 工具如何将混淆的 Native 与 ArkTS 堆栈还原为源码,助力开发者掌握异常分析方法,提升应用稳定性。
991 96
|
9月前
|
开发者 容器
鸿蒙应用开发从入门到实战(十四):ArkUI组件Column&Row&线性布局
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文主要讲解Column和Row组件的使用以及线性布局的方法。
743 12
|
9月前
|
API 数据处理
鸿蒙应用开发从入门到实战(十三):ArkUI组件Slider&Progress
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文主要讲解滑块Slider和进度条Progress组件的使用。
370 1
|
8月前
|
移动开发 前端开发 Android开发
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
1479 12
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
|
8月前
|
移动开发 JavaScript 应用服务中间件
【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
1052 5
【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
|
8月前
|
移动开发 Rust JavaScript
【01】首页建立-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【01】首页建立-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
1136 4
【01】首页建立-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
|
8月前
|
移动开发 Android开发
【03】建立隐私关于等相关页面和内容-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【03】建立隐私关于等相关页面和内容-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
397 0
|
9月前
鸿蒙应用开发从入门到实战(十六):线性布局案例
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文通过简单案例演示如何使用Column和Row组件实现线性布局。
306 1
|
9月前
|
API 数据处理
鸿蒙应用开发从入门到实战(十三):ArkUI组件Slider&Progress
ArkUI提供滑块Slider与进度条Progress组件,用于鸿蒙原生APP开发。Slider支持拖动调节音量、亮度等,可设步长、方向及提示气泡;Progress支持线性、环形等多种样式,可自定义颜色、宽度与刻度,实时显示任务进度。
522 2
|
9月前
|
开发者
鸿蒙应用开发从入门到实战(十二):ArkUI组件Button&Toggle
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文主要讲解按钮组件Button和Toggle的使用。
594 2

热门文章

最新文章