[Bug] 4.0.35 及以上版本,qiankun场景下,子应用使用@umi/max的useNavigation,会出现错误跳转。

vecaoik1  于 2022-12-31  发布在  其他
关注(0)|答案(2)|浏览(484)

What happens?

4.0.35 及以上版本,qiankun场景下,子应用使用@umi/max的useNavigation,会出现错误跳转。

Mini Showcase Repository(REQUIRED)

https://github.com/Renderz/qiankunTest

How To Reproduce

Steps to reproduce the behavior:

  1. slave1使用4.0.35版本、slave2使用4.0.34版本 。
  2. 安装并启动master / slave1 / slave2。
  3. 主应用跳转到 http://localhost:8888/#/base/otherPage。
  4. 点击"open slave1"与"open slave2"按钮,能正常加载对应子应用。
  5. slave2点击"go test page"按钮,能正常跳转到子应用/test路由。
  6. slave1点击"go test page"按钮,跳转失败。

Expected behavior

  1. 期望均能跳转成功

Context

  • Umi Version:
  • Node Version:
  • Platform:
mrwjdhj3

mrwjdhj31#

我试了下最新版本用 MicroApp 加载是没问题的:

https://umijs.org/docs/max/micro-frontend#microapp--%E7%BB%84%E4%BB%B6%E5%BC%95%E5%85%A5%E5%AD%90%E5%BA%94%E7%94%A8

import { MicroAppWithMemoHistory, MicroApp } from '@umijs/max'

  <MicroApp name='app1' history="memory" />
  // or
  <MicroAppWithMemoHistory name='app1'  />
// .umirc.ts

export default {
  qiankun: {
    master: {
      apps: [
        {
          name: 'app1',
          entry: 'http://127.0.0.1:5555',
        },
      ]
    }
  },
}

如果不写在配置文件里,可以动态添加 :https://umijs.org/docs/max/micro-frontend#%E8%BF%90%E8%A1%8C%E6%97%B6%E6%B3%A8%E5%86%8C%E5%AD%90%E5%BA%94%E7%94%A8

m3eecexj

m3eecexj2#

我试了下最新版本用 MicroApp 加载是没问题的:

https://umijs.org/docs/max/micro-frontend#microapp--%E7%BB%84%E4%BB%B6%E5%BC%95%E5%85%A5%E5%AD%90%E5%BA%94%E7%94%A8

import { MicroAppWithMemoHistory, MicroApp } from '@umijs/max'

  <MicroApp name='app1' history="memory" />
  // or
  <MicroAppWithMemoHistory name='app1'  />
// .umirc.ts

export default {
  qiankun: {
    master: {
      apps: [
        {
          name: 'app1',
          entry: 'http://127.0.0.1:5555',
        },
      ]
    }
  },
}

如果不写在配置文件里,可以动态添加 :https://umijs.org/docs/max/micro-frontend#%E8%BF%90%E8%A1%8C%E6%97%B6%E6%B3%A8%E5%86%8C%E5%AD%90%E5%BA%94%E7%94%A8

之前引入方法有什么问题么会造成这个问题?

我项目的主应用是vue的出现了这个问题,复现案例为了方便用的react

相关问题