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发现既不是普通标签,又没有注册,就报错。

你可能感兴趣的:(vue.js,javascript,前端,笔记)