uni-app nvue tab页无法跳转到 vue tab页 点击tabBar报错

uni-app nvue tab页无法跳转到 vue tab页 点击tabBar报错

开发环境 版本号 项目创建方式
Mac 11.4 HBuilderX

产品分类:uniapp/App

PC开发环境操作系统:Mac

PC开发环境操作系统版本号:11.4

HBuilderX类型:正式

HBuilderX版本号:3.1.18

手机系统:iOS

手机系统版本号:IOS 14

手机厂商:模拟器

手机机型:ipone12 pro max

页面类型:nvue

打包方式:离线

示例代码:

"tabBar": {  
    "color": "#707070",  
    "selectedColor": "#06a5fa",  
    "borderStyle": "black",  
    "backgroundColor": "#f6f7f8",  
    "list": [{  
      "pagePath": "pages/news/news",  
      "iconPath": "static/img/tabbar/home.png",  
      "selectedIconPath": "static/img/tabbar/home-1.png",  
      "text": "首页"  
    }, {  
      "pagePath": "pages/bulletin/bulletin",  
      "iconPath": "static/img/tabbar/bulletin.png",  
      "selectedIconPath": "static/img/tabbar/bulletin-1.png",  
      "text": "公告"  
    }]  
  },  
"pages": [   
    {  
      "path": "pages/news/news", // 消息列表页面  
      "style": {  
        "navigationBarTitleText": "内置组件",  
        "app-plus": {  
          "bounce": "vertical",  
          "titleNView": {  
            "buttons": [{  
              "text": "\ue534",  
              "fontSrc": "/static/uni.ttf",  
              "fontSize": "22px",  
              "color": "#FFFFFF"  
            }]  
          }  
        }  
      }  
    },  
    {  
      "path": "pages/bulletin/bulletin",  
      "style": {  
        "navigationBarTitleText": "公告",  
        "disableScroll": true,  
        "app-plus": {  
          "scrollIndicator": false  
        }  
      }  
    },  
]

操作步骤:

配置好page.json然后运行ios模拟器,页面显示空白
nvue和vue混用配成tabBar的话,无法从nvue tab页跳转到vue tab页

预期结果:

nvue tab页面正常显示
nvue和vue混用配成tabBar的话,nvue tab页可以跳转到vue tab页

实际结果:

nvue tab页面显示空白
nvue和vue混用配成tabBar的话,无法从nvue tab页跳转到vue tab页

bug描述:

page.json里面配置了tabBar,但是页面显示空白.
如果是vue页面和nvue页面混用的话,vue页面可以跳转到nvue页面,nvue页面无法跳转到vue页面,会报错(page is not found)


更多关于uni-app nvue tab页无法跳转到 vue tab页 点击tabBar报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

使用nvue做启动页,跳转其他vue页面,没有发现此问题。请提供一份demo

更多关于uni-app nvue tab页无法跳转到 vue tab页 点击tabBar报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html


能不能给看下https://ask.dcloud.net.cn/question/126114 这个问题

页面上都是业务代码没办法单独抽离成demo,我把具体报错信息截图发出来,能帮我定位到错误原因吗,我打了断点查看发现好像是缺少$mp对象导致,这个对象是干什么用的

回复 w***@163.com: 你是用的uni.navigator跳转的还是用的第三方插件?

回复 w***@163.com: 看你贴的错误,好像是simple-router报的错误

回到顶部