uni-app 底部导航栏切换报错

发布于 1周前 作者 sinazl 来自 Uni-App

uni-app 底部导航栏切换报错

开发环境 版本号 项目创建方式
Windows win10 HBuilderX

操作步骤:

新建的hello uniapp 模板也是这样,所有的项目运行到模拟器都会这样

预期结果:

新建的hello uniapp 模板也是这样,所有的项目运行到模拟器都会这样

实际结果:

新建的hello uniapp 模板也是这样,所有的项目运行到模拟器都会这样

bug描述:

新建的hello uniapp 模板也是这样,所有的项目运行到模拟器都会这样

image


1 回复

在使用 uni-app 开发应用时,底部导航栏切换报错可能有多种原因。以下是一些常见的问题及其解决方法:

1. 页面路径配置错误

  • 问题描述:在 pages.json 中配置的页面路径不正确,导致切换时找不到页面。
  • 解决方法:检查 pages.json 中的 tabBar 配置,确保 pagePath 的路径正确,并且该路径已经在 pages 数组中注册。
{
  "pages": [
    {
      "path": "pages/index/index",
      "style": { ... }
    },
    {
      "path": "pages/user/user",
      "style": { ... }
    }
  ],
  "tabBar": {
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页"
      },
      {
        "pagePath": "pages/user/user",
        "text": "用户"
      }
    ]
  }
}
回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!