微信小程序-页面跳转失败WAService.js:3navigateTo:failurlnotinapp.json

浏览量：6225 时间：2020-01-11 来源：MarsWill

微信小程序的页面跳转需要以下几个步骤。下边我就从重新创建一个页面开始。小程序是按照手机端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。这个地址很重要，如果写错了也是加载不成功的。

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题，烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ，我们将及时处理。本站文章仅作分享交流用途，作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关，请知悉。