微信小程序-页面跳转失败WAService.js:3 navigateTo:fail url not in app.json
来源:互联网 发布:人工智能黑客类小说 编辑:程序博客网 时间:2024/06/06 00:07
微信小程序的页面跳转需要以下几个步骤。下边我就从重新创建一个页面开始。小程序是按照手机端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。这个地址很重要,如果写错了也是加载不成功的。
3 0
- 微信小程序-页面跳转失败WAService.js:3 navigateTo:fail url not in app.json
- 微信小程序错误:WAService.js 3 navigateTo fail url
- 微信小程序navigator无法跳转 navigateTo:fail url not in app.json
- 微信小程序——wx.navigateTo中url无法跳转问题(app.json中配置的tabBar与wx.navigateTo中url引用相同页面导致)(2017/12)
- 微信小程序wx.navigateTo页面不跳转
- 微信小程序wx.redirectTo、wx.navigateTo跳转失败
- 小程序报错 WAService.js:3 Uncaught Error: module "src/utils/utils.js" is not defined
- 微信小程序跳坑(二)-----navigateTo跳转链接失灵
- 微信小程序 wx.navigateTo和wx.redirectTo 不跳转问题
- xcx: tabBar的pagePath与wx.navigateTo中url引用相同页面导致无法跳转
- 微信小程序navigateTo不起作用
- 小程序 wx.navigateTo跳转不了
- 微信小程序 wx.navigateTo失效
- 微信小程序 wx.navigateTo 应用
- 根据URL app 页面跳转问题
- JS页面跳转传url地址错误
- 微信小程序页面跳转传递Json对象参数
- 小程序 wx.navigateTo和wx.redirectTo 不跳转问题
- python——爬虫学习——爬取淘宝搜索结果-(5)
- 字符串8:字符串移位练习题
- STM32的Remap
- FCN训练自己的数据集及测试
- 【Android】Activity详解
- 微信小程序-页面跳转失败WAService.js:3 navigateTo:fail url not in app.json
- Minimum Inversion Number
- 4
- 字符串9:拼接最小字典序练习题
- 配置DSN时存在的问题
- Codeforces 803 A. Maximal Binary Matrix (模拟
- psrseInt第二个参数含义
- 统计学习精要 (Elements of Statistical Learning ) 习题 4.1
- eval()函数