微信小程序wx.navigateTo 跳转页面无效只报错

334 阅读1分钟

报错信息

在首页添加跳转其他页面的入口按钮,使用小程序Api wx.navigateTo() 方法,结果控制台提示报错

  jump() {
    wx.navigateTo({
      url: 'pages/wxml/index',
    })
  }

报错信息如下图所示

image.png

解决方法

使用下面两种方式修改跳转Url

方式一

在pages 前面加 ’ / ’

  jump() {
    wx.navigateTo({
      url: '/pages/wxml/index',
    })
  }

方式二

  jump() {
    wx.navigateTo({
      url: '../wxml/index',
    })
  }

报错分析

当时使用了navigateTo方法跳转页面一直提示报错,看报错信息是页面跳转路径指向不对,当前页面地址是:pages/index/index。报错信息提示跳转失败,跳转地址:pages/index/pages/wxml/index 页面在做跳转处理时,默认添加了当前页面的路由地址。 image.png

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