微信小程序：报错(in promise) MiniProgramError

今天学习了小程序实现路由跳转，我在操作的时候在控制台出现以下错误信息。

翻译过来的意思是：（承诺中）微程序错误{“errMsg”：“n”avigateTo:故障can未导航到选项卡页“}对象

问题原因：
经过查阅资料，知道使用navigateTo路由跳转方式，保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。

解决办法：只需在js文件的点击事件中，配置跳转的url地址与tabbar中的跳转地址不一样就ok.

我就简单说一下我用navigateTo方式实现的小程序路由跳转过程
1.触发一个点击事件

<view bindtap="toDetail"></view>

2.在js文件中设置路由跳转

// 路由跳转
 toDetail(){
  wx.navigateTo({
   url:"/pages/detail/detail"
  })
 },

navigateTo路由跳转方式可以实现历史回退
大家也可以去了解一下其他的路由跳转方式
其他路由的一些简单介绍：

wx.navigateTo() 带历史回退,不能跳转到tabbar页面

wx.redirectTo() 不保留历史，跳转到另一个页面，不能返回到上一页面
//相当于vue中的路由跳转方式this.$router.replace()

wx.switchTab() 只跳转到tabBar页面，不带回退

wx.reLaunch() 即能跳转到tabBar页面，也能跳转到非tabBar页面，不带历史回退

关于路由详解可查阅官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html

到此这篇关于微信小程序：报错(in promise) MiniProgramError 的文章就介绍到这了,更多相关微信小程序报错(in promise) 内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • 微信小程序报错：this.setData is not a function的解决办法

    微信小程序 报错:this.setData is not a function 在page中定义的代码如下,代码会报错:this.setData is not a function <strong> pasteEncryptedText:function()</strong>{ let decryptedPass = this.data.decryptedPassword; if (decryptedPass == '' ){ wx.showToast({ title: '请先输入

  • 微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法

    微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法

    导入执行后 VM292:1 thirdScriptError  sdk uncaught third Error  module "miniprogram_npm/vant-weapp/mixins/transition" is not defined  Error: module "miniprogram_npm/vant-weapp/mixins/transition" is not defined     at require (http://127.0.0.

  • 微信小程序错误this.setData报错及解决过程

    先说原因: function声明的函数和箭头函数的作用域不同,这是一个不小心坑的地方.可参考箭头函数说明: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions 所以对于这个结果,还是换回es5的function函数去写最好了. 箭头函数和function的区别: 箭头函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象 箭头函数不可以当作构造函数,也

  • 微信小程序报错: thirdScriptError的错误问题

    微信小程序报错 VM1305:1 thirdScriptError Cannot read property 'name' of undefined TypeError: Cannot read property 'name' of undefined     at z (http://127.0.0.1:38175/appservice/__dev__/WAService.js:2:1560728)     at Ie (http://127.0.0.1:38175/appservice/__

  • 微信小程序 HTTPS报错整理常见问题及解决方案

    微信小程序 HTTPS报错整理常见问题及解决方案

    微信小程序 HTTPS报错常见问题及解决方案 微信小程序开放公测已经一个多月了,因官方需求文档要求后台使用HTTPS请求进行网络通信,不满足条件的域名和协议无法请求.越来越多的开发者纷纷使用SSL证书实践微信小程序的应用情况,但仍然会碰到各类问题.本文列举了SSL证书常见的报错和解决办法,供开发者参考. 常见问题一 在微信小程序内测的过程中,几乎每个开发者们在实践的过程中都遇到了下图的报错: 原因及解决办法: 这是因为wx.request 发起的是 https 请求,微信小程序读取大部分是请求A

  • 微信小程序：报错(in promise) MiniProgramError

    今天学习了小程序实现路由跳转,我在操作的时候在控制台出现以下错误信息. 翻译过来的意思是:(承诺中)微程序错误{"errMsg":"n"avigateTo:故障can未导航到选项卡页"}对象 问题原因: 经过查阅资料,知道使用navigateTo路由跳转方式,保留当前页面,跳转到应用内的某个页面.但是不能跳到 tabbar 页面. 解决办法:只需在js文件的点击事件中,配置跳转的url地址与tabbar中的跳转地址不一样就ok. 我就简单说一下我用navi

  • 微信小程序promsie.all和promise顺序执行

    微信小程序promsie.all和promise顺序执行

    微信小程序promsie.all和promise顺序执行 一.前言 最近在做小程序的开发,碰到的一个需求就是表单提交,提交的表单中包含有图片,微信这边的做法是先上传图片,后台把图片名称和地址返回给你,然后你把图片信息插入到表单的相应位置再提交表单,这里就涉及到如何上传完图片的请求再上传表单,而且微信小程序里面如果图片是多个的话,也只能一张张上传.简单来说就是上传完图片(多个请求),拿到返回值,再上传表单,该如何做? 二.Promise.all和Promise.race 先来介绍Promise.a

  • 微信小程序异步API为Promise简化异步编程的操作方法

    把微信小程序异步API转化为Promise.用Promise处理异步操作有多方便,谁用谁知道. 微信官方没有给出Promise API来处理异步操作,而官方API异步的又非常多,这使得多异步编程会层层回调,代码一复杂,回调起来就想砸电脑. 于是写了一个通用工具,把微信官方的异步API转化为Promise,方便处理(多)异步操作. 你可以这样用: 准备转化后的方法并暴露出 // /utils/wx-promise.js import toPromise from '/module/to-promi

  • 让微信小程序支持ES6中Promise特性的方法详解

    让微信小程序支持ES6中Promise特性的方法详解

    遇到的问题 微信开发者工具更新版本后, 移除了开发者工具对 ES6 中 Promise 特性原生的支持, 理由是因为实体机器是不支持 Promise 的, 所以我们需要引入第三方的 Promise 库 微信更新日志 解决方案 下载第三方库 在这里我引入的是 Bluebird 库, 可以到Bluebird官网 下载需要的文件,也可以通过本地下载 Bluebrid 提供了两种已经构建好的完整的 Promise 库文件, 未经压缩的 bluebird.js 和已压缩的 bluebird.min.js

  • 微信小程序 引入es6 promise

    微信小程序 引入es6 promise

    微信小程序开发两个月了.大家的项目都在不断迭代.已经不是小程序.这时候就会遇到多层回调嵌套的问题.有些目不忍视了.迫不得已引入es6-promise.在微信小程序内测的时候promise不需要手动引入,后来被微信移除了.看看效果. promise详细的介绍我就不说了.有很多大神写过. 看看目录,引入es6-promise就可以用了. 目录 1.网络请求 wxRequest.js 这里只写了get和post. 我经常会在网络请求的时候用微信原生showToast(),所以最后加了finally,方

  • 微信小程序开发的四十个技术窍门总结（推荐）

    前言 微信"小程序"正式上线一周时间,相关话题持续升温.支付宝开发"小程序"的消息也随即曝出,互联网巨头们摩拳擦掌,不少网友调侃说,这势头感觉要挑战现有的"APP帝国"了.那么,面对如此炙手可热的小程序,WeX5移动开发云也没有闲着,经过全网搜索,为大家筛选出一条小程序开发者的必读文章,内容涵盖小程序开发实战需要注意的40个技术点,供大家参考! Q:为什么脚本内不能使用window等对象 A:页面的脚本逻辑是在JsCore中运行,JsCore是一

随机推荐