鸿蒙app开发:每天一个小bug:[Engine Log] can‘t find this page pages Th
02-06 21:03:06.805 E C03900/Ace: can’t find this page pages02-06 21:03:06.805 E C03900/Ace: this uri not support in route push.
02-06 21:03:06.805 I A0c0d0/JSApp: app Log: 路由错误,错误代码:100002,错误信息:Uri error. The uri of router is not exist.
)
学习鸿蒙app开发的时间,使用路由实现不同页面的跳转,遇到了错误代码标识:10002,表现页面路径错误。但是地址使用精确为什么无法实现呢
题目代码
import router from '@ohos.router'
@Entry
@Component
struct dome{
build(){
Row(){
Column(){
Button('跳转页面')
.fontSize(20)
.onClick(()=>{
router.pushUrl({
url:'pages/dome1',
params:{id:1}
},
router.RouterMode.Single,
err=>{
console.log(`路由错误,错误代码:${err.code},错误信息:${err.message}`)
})
})
}
}
}
}
解决办法
经过仔细学习发现需要在配置文件中,配置到文件的路径才气够被程序识别到。
注意:不但仅要将跳转的页面路径添加到配置文件中,还需要配置原有的页面路径。即假设从a页面跳转到b页面,a页面和b页面的路径都要配置到配置文件中。
https://img-blog.csdnimg.cn/direct/46fd61739986403bb0b5356fa4f6a204.png#pic_center
配置文件为图中的main_pages.json
{
"src": [
"pages/Index",
"pages/a",
"pages/b"
]
}
配置好后重新加载代码发现实现页面跳转。
小知识
并不是没创建一个新的页面都需要手动添加到配置文件中。只需要将使用到的页面在创建中选择page即可快速实现页面路径的主动配置。
https://img-blog.csdnimg.cn/direct/47d84b8885d24246b06ba303e845a77b.png#pic_center
注 需要实现页面交互功能的页面可以使用图中的page来快速配置路径;不需要的简单页面就简单使用ArkTS File来创建页面
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页:
[1]