微信小程序：navigateToMiniProgram跳转小程序报错fail appId "wx......." is not in navigateToMiniProgramAppIdList

最新推荐文章于 2025-07-28 08:06:57 发布

JoshFenge

最新推荐文章于 2025-07-28 08:06:57 发布

阅读量5.3k

点赞数 1

更新至微信7.0.0版本后，小程序跳转至医保支付功能出现异常。本文介绍了如何通过配置app.json文件及利用wx.showModal弹窗引导用户手动触发跳转来解决此问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小编推荐：Fundebug专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公司都在使用。

小程序中需要用到医保支付，最早的做法是，在web-view中点击提交后，通过h5下单完毕，跳回小程序的页面后，主动跳到医保支付小程序。

在之前都正常，直到昨天iphone的微信升级到7.0.0后，不能跳转了，通过调试，报错：fail appId "${appId}" is not in navigateToMiniProgramAppIdList
基础库2.4.0以上增加了navigateToMiniProgramAppIdList
先在app.json中增加需要跳转到的小程序appid

"navigateToMiniProgramAppIdList": [
    "wxe1022cca111d18be"
]

添加完毕后，再试一次，发现有时候可以跳转，有时候还是不能跳转，报错：navigateToMiniProgram:fail can only be invoked by user TAP gesture
什么鬼，需要点击才能跳转？
于是只能想办法让用户去点击，加个提示框让用户确定继续进行操作？
在onLoad中判断，如果是医保支付（需要跳转到医保支付小程序），则弹出温馨提示：

wx.showModal({
  title: '温馨提示',
  content: '提示内容。。。。。。。',
  showCancel: true,//是否显示取消按钮
  cancelText: "取消",//默认是“取消”
  cancelColor: '#000000',//取消文字的颜色
  confirmText: "确定",//默认是“确定”
  confirmColor: '#3cc51f',//确定文字的颜色
  success: function (res) {
    if (res.cancel) {
      //点击取消，wx.navigateBack
    } else {
      // 使用wx.navigateToMiniProgram跳转到小程序
    }
  },
  fail: function (res) { 
    //接口调用失败的回调函数，wx.navigateBack
  },
  complete: function (res) { 
    //接口调用结束的回调函数（调用成功、失败都会执行）
  },
})