微信小程序-页面跳转失败WAService.js:3 navigateTo:fail url not in app.json

微信小程序的页面跳转需要以下几个步骤。下边我就从重新创建一个页面开始。小程序是按照手机端native程序的方式，按照页面为单位来划分和设计的。比如说我要创建一个向导页面。

1.创建guide/entry页面目录

创建页面目录当然你可以直接在pages目录下创建一个guide目录再创建entry.js，entry.json，entry.wxml, entry,exss文件。这种方式是手动来创建。当然也容易出错。

第二种方式是直接在app.json中添加配置项

{
"pages":[
"pages/index/index",
"pages/guide/entry",
"pages/logs/logs"
],

...

微信小程序中所有的页面都必须在app.json中的pages中来注册(配置)，所以如果要创建一个guide/entry页面目录就需要在app.json中进行注册。如果你没有手动创建目录中的文件，你只要在pages中配置了后会自动生成所需的entry.js，entry.json，entry.wxml, entry,exss文件。前提是你使用开发者工具

2.在app.json中注册创建的页面

这一步就是上边第一步中自动生成页面的步骤。找到app.json文件在其中的pages项中添加如下配置就行

"pages/guide/entry",

3.在其他页面中添加navigateTo的跳转

微信的跳转是使用navigateTo来跳转的跳转时要配置URL参数以及按照自己的需求来写页面加载的时间

wx.navigateTo({
url: './pages/guide/entry',
success: function(res){
// success
},
fail: function(res) {
// fail
},
complete: function(res) {
// complete
}
})

这儿的URL的写法是关键。因为我写在app.json中的，所以寻找pages目录时是和app.json同级的，使用./来表示和app.json同级目录下寻找pages目录下的guide目录中的entry.js。这个地址很重要，如果写错了也是加载不成功的。