micro-zoe / micro-app

A simple, efficient and powerful micro front-end framework. 一款简约、高效、功能强大的微前端框架
https://micro-zoe.github.io/micro-app/
MIT License
5.43k stars 557 forks source link

使用bun+vite时,应用初始化的问题 #1226

Open the-pawn-2017 opened 2 months ago

the-pawn-2017 commented 2 months ago

问题描述(另附我找到的解决方案)

问题的具体描述 使用bun+vite初始化应用时,在template中不能再import microApp from '@micro-zoe/micro-app' 会报错:``

复现步骤

  1. 按官网例子初始化
  2. 在使用子应用的页面中,加上
    <micro-app  width="100%" height="200px" name='my-appx' url='http://localhost:5173/page-resource/index.html#/' iframe></micro-app>
    import microApp from '@micro-zoe/micro-app'   
    microApp.setData('my-appx', {a:true)

    然后出不来,控件台提示:

    [Vue warn]: Component is missing template or render function. 
    at <Anonymous width="100%" height="200px" name="my-appx"  ... > 

    我发现的解决方案

  3. 在实际使用的vue文件中,把import microApp from '@micro-zoe/micro-app' 中的 microApp改个别的名字就好了。
  4. 在main.js(ts)中,配置下microApp.tagName = 'm-app',也能修好

环境信息

crazy-airhead commented 2 months ago

继续测试了下发现 microApp.tagName = 'micro-app',其他都不用改可以。