Using micro-app in Vue reports Unknown custom element: <micro-app>

error message

Solution

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

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

correct spelling

microApp.start();

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

reason

Before web componentregistering the component micro-app, vuerender the instance, and micro-appreport an error if it finds that it is neither a normal tag nor registered.