升级umi4微应用(qiankun)白屏问题解决

2022-10-05 16:43:07 浏览数 (1)

哎,对阿里的产品简直无语,升级 umi4 后一堆报错,好容易逐个攻破,跑起来了,可以看下我昨天整理的文章:umi3升级umi4报错问题汇总,附解决方法

现在又发现之前配置的乾坤(qiankun)微应用白屏, root 标签为空。

找了半天,原来是 umi4 的路由配置里做了微小的修改,可以看一下 umi4 官方文档和 umi3 文档的路由绑定部分。

仔细对比可以发现,新的文档加了通配符,而之前的就没有,修改代码:

代码语言:javascript复制
// .umirc.ts
export default {
  routes: [
    {
      path: '/',
      component: '@/layouts/index.tsx',
      routes: [
        ...
        // 配置 app2 关联的路由
        {
-         path: '/app2',
          path: '/app2/*',
          microApp: 'app2',
        },
      ],
    },
  ],
};

就可以正常使用了。

未经允许不得转载:w3h5 » 升级umi4微应用(qiankun)白屏问题解决

0 人点赞