微信小程序wx.navigateTo 跳转页面无效只报错 object原因及解决方法

show-er-打怪之路

已于 2022-03-20 17:10:32 修改

阅读量5.9k

点赞数 6

分类专栏：微信小程序文章标签：微信小程序跳转页面跳转路径

于 2022-03-19 14:01:56 首次发布

本文链接：https://blog.csdn.net/ilovegem/article/details/123593430

版权

微信小程序专栏收录该内容

2 篇文章

订阅专栏

报错的原因

先说一下报错的原因：跳转页面的 url 格式没写对

url: 'pages/answerSheet/answerSheet',

之前是用上面这种 pages 开头的路径（原页面和要跳转的页面都在 pages 文件夹下），一直报错

解决办法

改成下面这种格式

 url: '../answerSheet/answerSheet',

或者在 pages 前面加 ’ / ’

 url: '/pages/answerSheet/answerSheet',

解决这个问题的过程

1.报错。使用 wx.navigateTo 跳转报错，但是信息只有一个 object 和环境信息。

在这里插入图片描述

2.百度了很久，尝试了其他人分享的方法，把其他路由（wx.switchTab，wx.redirectTo 等）都尝试一遍，还是一样报错，错误信息也只有 object

3.看到报错提示的 lib：2.14.1，突发奇想去改了调试基础库的版本，改成最新的 2.23.0。这时候报错信息变了，如下图

在这里插入图片描述

这时候问题就变清晰了，是跳转路径出了问题。直接以 pages 开头的跳转路径让编译器误以为要跳转的路径与原页面在同一个文件夹下。用 …/ 跳出当前页面所在文件夹下，选择所要跳转的页面的文件夹即可解决，成功跳转

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

show-er-打怪之路

关注关注

6
点赞
踩
5

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

微信小程序 - wx.navigateTo({}) 跳转页面携带对象/数组/复杂数据参数（携带一个复杂对象数据参数）

王佳斌

09-29

7114

前言你可以理解为：携带一个复杂对象数据参数，实现跳转页接收。在微信小程序，使用wx.navigateTo({})API携带参数跳转页面很常见，但是今天有一个需求，需要携带一个复杂的数据，它是一个数组，里面嵌套了N个对象，对象里还有数组。解决方案使用JSON对象的两个方法： JSON.strtingify：将object转化为字符串 JSON.parse：将字符串解析为object。 /* *[发送参数] *将对象解析为字符串 */ wx.navigateTo({

微信小程序页面跳转导航wx.navigateTo和wx.redirectTo

weixin_34038652的博客

08-03

1万+

2019独角兽企业重金招聘Python工程师标准>>> ...

1 条评论您还未登录，请先登录后发表或查看评论

微信小程序start启动页面跳转首页报错：navigateTo:fail can not navigateTo a tabbar page

最新发布

日常笔记 | 干货分享 | 毕设源码 | 毕设指导 | 答辩指导

02-24

570

● 选择 wx.navigateTo 的情况：○ 需要保留当前页面状态。○ 多页面跳转，但跳转层数不超过限制。● 选择 wx.reLaunch 的情况：○ 需要关闭所有当前页面，仅保留指定页面。○ 需要重置应用状态，从零开始。通过合理选择和使用这两个API，可以提升小程序的用户体验和功能完善度。

微信小程序 wx.navigateTo或者navigator标签无法跳转

sun_lei_chao的博客

03-22

3904

该属性默认为navigate，即“navigateTo”的跳转方式，改为switchTab，将对应。已经在app.json栏配置过的tab栏地址不可以用普通跳转方法进行路由跳转。这时需要将wx.navigateTo方法改为wx.switchTab方法。仔细检查一下路由，而且一定要先在app.json中声明。保留当前页面，跳转到应用内的某个页面。

小程序跳转方法wx.navigateTo无法跳转，不生效

weixin_43968782的博客

10-09

4355

wx.navigateTo跳转点击无反应，不跳转

微信小程序：navigateTo跳转无效

一些平时在开发过程中遇到的常见问题，分享给大家

09-05

1275

微信小程序：navigateTo跳转无效

微信小程序navigateTo不起作用

u013195452的专栏

12-19

1万+

遇到过微信小程序wx.navigateTo不起作用的原因： 1.app.json里tabBar里面的list使用的pagePath跟wx.navigateTo路径一样的话不起作用，实现不了跳转。 2.可以使用wx.switchTab和和wx.redirectTo来代替，但是有一定的不同； 3.wx.switchTab是唯一能跳转到 tabBar 页面，而wx.switchTab却只能

关于微信小程序wx.navigateTo()方法的events的使用

GASG的博客

08-16

2020

微信小程序的官方说明文档地址 wx.navigateTo(Object) events 通信接口 events 通讯接口基于微信小程序基础版本v2.7.3,用于当前页面与新打开页面之间进行通讯使用，使用方式 //官方文档的示例 wx.navigateTo({ url: 'test?id=1', events: { // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据 acceptDataFromOpenedPage: function(data) { con

微信小程序 中wx.chooseAddress(OBJECT)实例详解

08-30

在微信小程序开发中，`wx.chooseAddress` 是一个非常重要的函数，它允许开发者调用微信的原生接口，让用户能够方便地编辑和选择收货地址。这个功能对于电商类或者需要物流配送的服务尤其关键，因为它提供了无缝集成...

微信小程序 wx.openSetting打开不显示，封装用户授权

Start2019

01-05

2784

测试功能的时候，想要设置用户相册的功能，打开突然什么也没有，要么就是显示“个人信息与权限使用记录”，就连打印出来的 console.log("授权",res.authSetting) 授权信息也是空的。在授权判断是需要再判断一下 wx.authrize() 。

微信小程序 navigator 和 wx.navigateTo不跳转问题

Dragon1993vsLong的博客

08-12

4789

维信小程序 navigator 和 wx.navigateTo不跳转问题

wx.navigateTo()无效

lostinstorm的博客

10-17

2077

微信小程序有时候 wx.navigateTo() 会出现无法作用的情况，即便点击按钮也无法跳转。这是因为wx.navigateTo()无法跳转到tab中含有的页面，此时需要更换其他函数，...

微信小程序wx.navigateTo 不跳转原因解决！跟配置了tabBar有关

Qensq的博客

03-24

900

如果app.json 的tabBar配置了某个地址，那么某个地址就无法被wx.navigateTo 跳转。

微信小程序wx.navigateTo报错Object，无法跳转页面

烟雨☔️任平生的博客

12-20

3658

项目场景： 微信小程序使用navigateTo进行pages页面跳转时出现错误。问题描述：使用wx.navigateTo无法完成页面跳转,控制台报错信息如下所示。原因分析：出现这个错误不是因为跳转路径写的有问题，而是因为使用navigateTo跳转的只能是非导航栏中包含的页面。如果要进行导航栏之间的跳转需要使用wx.switchTab。 life页面在我这里是导航栏中一个页面，这里url写的跳转页面是导航栏（tabBar）中的页面，所以会发生错误。解决方案：创建一个不是导航栏的页面，同时将u

微信小程序——wx.navigateTo点击后没反应

咸鱼终有翻身日

01-03

5026

首先，检查你跳转的目标路径是不是属于tabBar，若属于，且当前页面存在tabBar时，wx.navigateTo方法是失效的。此时可用wx.switchTab方法，并记得在app.json中的"pages":[]注册你要跳转的目标路径。 bindtapExample:function(){ wx.switchTab({ url: '/pages/test/test' }) }...

微信小程序开发入门到精通-wx.navigateTo跳转无效不起作用

隔壁老瓦的专栏

12-15

1165

就是这一句：“注意：为了不让用户在使用小程序时造成困扰，我们规定页面路径只能是五层，请尽量避免多层级的交互方式。”数一数我的跳转页面，当然你可以可以看微信开发者工作的预览视图右上角，会出现您当前调试的页面有5个这样的提示。再贴一下我的页面跳转情况： ① 商品展示-->② 商品详情-->③ 下单页面-->④ 下单详情页面-->⑤ 支付结果页面-->⑥ 跳转订单详情...

学习API部分的路由API函数，编写程序，利用wx.navigateTo(Object object)和wx.navigateBack(Object object)实现不同页面的跳转和返回微信小程序

09-20

在微信小程序中，API提供了一套丰富的接口用于管理页面导航。`wx.navigateTo` 和 `wx.navigateBack` 是两个核心的路由函数，它们主要用于页面间的跳转。 1. **wx.navigateTo(Object object)**: 这个函数用于从当前页面跳转到另一个页面。`Object object` 参数包含两个字段： - `url`: 目标页面的路径名，可以是一个绝对路径（如 `/pages/home/index`），也可以是相对路径（如 `home/index`）。 - 可选字段 `animated`: 是否启用动画效果，默认值为 true。 ```javascript // 示例 wx.navigateTo({ url: '/pages/newPage/newPage', animated: true }); ``` 2. **wx.navigateBack(Object object)**: 这个函数用于从当前页面返回上一页面，或者关闭整个应用。同样有可选参数： - `delta`: 返回页面数，默认值为 1，表示返回上一页。 - `animated`: 是否启用动画效果，默认值为 true。 ```javascript // 示例 wx.navigateBack({ delta: 2, // 回退两页 animated: false // 关闭动画效果 }); ``` 需要注意的是，`wx.navigateBack` 如果在单页应用模式（`app.json` 中设置了 "window": { "navigationStyle": "custom" }）下使用，仅能回退到栈顶的页面。而在标准的页面堆栈模式下，它能正常工作。