升级umi4微应用（qiankun）白屏问题解决

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

现在又发现之前配置的乾坤（qiankun）微应用白屏， root 标签为空。

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

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

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

就可以正常使用了。

未经允许不得转载：Web前端开发资源网 » 升级umi4微应用（qiankun）白屏问题解决

推荐阅读：

设置SSL后如何实现https自动跳转

Bootstrap滚动监听不用offset实现向下偏移

使用flexible后 不同设备的data-dpr还始终为1解决方法

HTML引入文件的绝对路径、相对路径、根目录

SQL语句的基本命令总结