micro-app vite4接入vite6 遇到的问题

micro-app:^1.0.0-rc.18

node:18.12.0

主应用:vite4+vue3

子应用:vite6+vue3

  1. [Vue warn]: Component is missing template or render function
    原因:没有正确识别<micro-app></micro-app>
    解决办法:
    vite.config.js
js 复制代码
export default defineConfig({
  plugins: [
    vue({
      template: {
        compilerOptions: {
          isCustomElement: tag => /^micro-app/.test(tag)
        }
      }
    })
  ],
})
  1. [micro-app from runScript] app flowLtc: SyntaxError: Cannot use import statement outside a module
    解决办法:micro-app开子应用iframe沙箱
  2. 跨域
    解决办法:检查一下子应用有没有装micro-app,在子应用中配置跨域(看文档的说vite天然支持跨域,但是实际上还是配了server.cors:true
  3. 不报错但是也不渲染vite子应用
    解决办法:尝试关掉虚拟路由系统
    main.js
js 复制代码
import microApp from '@micro-zoe/micro-app'

// 在start中增加配置
microApp.start({
  'disable-memory-router': true, // 关闭虚拟路由
})
相关推荐
吃饺子不吃馅10 小时前
Canvas实现协同电影选座
前端·架构·canvas
前端慢慢其修远10 小时前
fabric.js 中originX originY center设置问题
前端·fabric
im_AMBER10 小时前
React 04
前端·react.js·前端框架·1024程序员节
fhsWar11 小时前
Vue3 props: `required: true` 与 vant 的`makeRequiredProp`
前端·javascript·vue.js
泷羽Sec-静安12 小时前
Less-1 GET-Error based-Single quotes-String GET-基于错误-单引号-字符串
前端·css·网络·sql·安全·web安全·less
小时前端12 小时前
虚拟DOM已死?90%内存节省的Vapor模式正在颠覆前端
前端·html
Keepreal49612 小时前
Web Components简介及如何使用
前端·javascript·html
进击的野人12 小时前
JavaScript变量声明的前世今生:从var到let/const的演进
javascript
jump68012 小时前
TS中 unknown 和 any 的区别
前端
无羡仙12 小时前
AI终于‘看见’网页了!Stagewise让UI修改从‘盲调’变‘指哪打哪
前端