记处理微前端的一些问题

主子应用样式

因为子应用是是后加载的 所以如果柱应用和子应用有重的 会以子应用为准、
需要我们将主应用的样式权重提高或尽量避免重复

  • 我这里还遇到一个问题就是主应用使用rem定义的样式加载子应用会失效

解决办法就是没定义默认字体html{ font-size: 16px; }

  • 主应用重新加载时子应用时可能会出现找不到元素的时候、解决办法如下
let timer = setInterval(() => {
  if (document.getElementById('qk-vue-child')) {
    //注册微服务
    registerMicroApps(microProject)
    //启动!!
    start()
    // 添加全局异常捕获
    addGlobalUncaughtErrorHandler((handler: any) => {
      console.log("异常捕获", handler);
    });
    clearInterval(timer)
  }
}, 1000)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值