uni-app 最新版本分包页面问题：点击左边的页面文件，右边的预览不会跳到相应的地址

uni-app 最新版本分包页面问题：点击左边的页面文件，右边的预览不会跳到相应的地址

项目信息 详情
PC开发环境 Windows
PC开发环境版本 4.00以后
HBuilderX类型 正式
HBuilderX版本 4.17
手机系统 Android
手机系统版本 Android 14
手机厂商 华为
手机机型 xxxx
页面类型 vue
vue版本 vue3
打包方式 云端
项目创建方式 HBuilderX

bug描述：

HBuilderX 编辑器的bug哈。我现在用的3.99。最新版本，分包的页面，点击左边的文件编写。右边的预览，不会跳转到相应的路径，当然，页面也没法实时预览。3.99可以的。4.00以后，换了几个版本，都没法预览


更多关于uni-app 最新版本分包页面问题：点击左边的页面文件，右边的预览不会跳到相应的地址的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

焯.还真是切换回3.99就可以了.这破问题查了几个小时才在这里翻到TvT 改个分包里的界面没办法预览.根本就改不了.真是吐血了.被迫到回到N个版本前.用旧版有些插件还提示版本兼容问题.

更多关于uni-app 最新版本分包页面问题：点击左边的页面文件，右边的预览不会跳到相应的地址的实战教程也可以访问 https://www.itying.com/category-93-b0.html


25年了…我还在用3.99版本开发也不知道这个问题解决了没有…

在使用 uni-app 开发时，如果你在分包页面中点击左边的页面文件，右边的预览没有跳到相应的地址，可能是由于以下几个原因导致的。你可以按照以下步骤进行排查和解决：

1. 检查分包配置

确保你的分包配置是正确的。在 pages.json 中，分包的配置应该类似于以下结构：

{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页"
      }
    }
  ],
  "subPackages": [
    {
      "root": "pages/subPackageA",
      "pages": [
        {
          "path": "page1",
          "style": {
            "navigationBarTitleText": "分包A-页面1"
          }
        },
        {
          "path": "page2",
          "style": {
            "navigationBarTitleText": "分包A-页面2"
          }
        }
      ]
    }
  ]
}

确保分包路径配置正确，并且路径没有拼写错误。

2. 检查页面路径

确保你在点击页面时，跳转的路径是正确的。例如，如果你要跳转到分包中的 page1，跳转路径应该是：

uni.navigateTo({
  url: '/pages/subPackageA/page1'
});

注意路径前面的 / 和分包路径的正确性。

3. 检查开发工具设置

如果你使用的是 HBuilderX 或微信开发者工具，确保开发工具的设置没有影响到预览功能。

  • HBuilderX：检查 manifest.json 中的 h5 配置，确保 router 配置正确。
  • 微信开发者工具：确保项目配置中的 appid 和 project.config.json 配置正确。

4. 清除缓存

有时候，开发工具的缓存可能会导致预览功能异常。尝试清除开发工具的缓存并重新编译项目。

  • HBuilderX：点击菜单栏的 运行 -> 清除缓存并重新运行。
  • 微信开发者工具：点击菜单栏的 工具 -> 清除缓存。

5. 检查页面代码

确保页面代码中没有逻辑错误或阻止跳转的代码。例如，检查页面生命周期函数中是否有阻止跳转的逻辑。

6. 更新 uni-app 版本

确保你使用的是 uni-app 的最新版本。有时候，问题可能是由于旧版本的 bug 导致的。你可以通过以下命令更新 uni-app 版本：

npm update uni-app
回到顶部