vue中使用micro-app报错 Unknown custom element: ＜micro-app＞

报错信息

解决方法

new Vue({
    
    
  router,
  render: h => h(App),
}).$mount('#app')

microApp.start()// 移到new Vue前面

正确写法

microApp.start();

new Vue({
    
    
  router,
  render: h => h(App),
}).$mount('#app')

原因

在web component注册组件micro-app前，vue渲染实例，遇到micro-app发现既不是普通标签，又没有注册，就报错。