鸿蒙 ArkUI 开发：实现页面间的相互跳转

在鸿蒙应用开发中，页面跳转是实现多页面交互的基础。本文将基于 ArkTS（ArkUI 的 TypeScript 扩展）

一、创建项目步骤

步骤 1：创建项目与文件结构

步骤 2：配置路由文件main_pages.json

提前添加配置代码：

注意！！！文件名称与创建文件名称一致，否则运行跳转会报错

步骤 3：编写首页Index.ets

这是应用的入口页面代码，包含文本显示：

运行效果：

再编写一个跳转按钮从第24行开始：

运行效果：

步骤 4：编写第二页Second.ets

这是跳转后的页面代码，包含返回按钮：

运行后的效果图：

这样点击按钮就可以实现页面相互跳转

二、常见问题排查

1. 点击按钮没反应：

   • 检查main_pages.json是否注册了页面
   • 检查跳转路径是否和文件位置一致（如pages/Second对应pages/Second.ets）

2. 报错 “找不到页面”：

   • 路径必须从pages/开头，不能写./Second或/pages/Second
   • 文件名和路径必须严格匹配，包括大小写