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

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

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

image.png 升级umi4微应用(qiankun)白屏问题解决 JavaScript

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

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

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

就可以正常使用了。


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

赞 (3)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)