qiankun踩坑笔记1

1. Application died in status LOADING_SOURCE_CODE: You need to export the functional lifecycles in xxx entry
   qiankun官方回答
   修改报错子项目的main.js文件

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

Vue.config.productionTip = false

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

let instance = null; 
 
//挂载实例
// function render(){ 
//     instance = new Vue({ router, render: h => h(App) }).$mount('#app') 
// }

function render(props = {}) {
    const { container } = props;
    instance = new Vue({
      router,
      store,
      render: h => h(App),
    }).$mount(container ? container.querySelector('#app') : '#app');
  }
  export async function mount(props) {
    render(props);
  }

//判断当前运行环境是独立运行的还是在父应用里面进行运行，配置全局的公共资源路径
if(window.__POWERED_BY_QIANKUN__){ 
    __webpack_public_path__ = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__; 
}
//如果是独立运行window.__POWERED_BY_QIANKUN__=undefined
if(!window.__POWERED_BY_QIANKUN__){
    render()
} 
//最后暴露的三个方法是固定的，加载渲染以及销毁
export async function bootstrap(){} 
// export async function mount(props){
//     render();
// } 
export async function unmount(){
    instance.$destroy();
}
export async function update(props) {
//   console.log('update props', props);
}