micro-app

micro-app copied to clipboard

vite 环境变量

2

vite ，好像没法获取环境变量，window.__MICRO_APP_ENVIRONMENT__ 没有值

paint404

esmodule，关闭沙盒的情况下，vue3项目加载报错

6

## 问题描述 > 问题的具体描述 若项目中有Home、About两个路由页面，在打包后会生成main.js（入口文件）、 Home.js 、 About.js 等文件，并且Home或About通过import导入了main.js中的内容，那么在加载页面时就会报图1的错误。 但该错误并不是必现，具体与从main.js中引用的内容有关。若只是引用了某些函数则不会产生错误，若引用的是存储状态，则会产生错误。 产生错误的原因如图2，micro-app通过这一行代码`scriptElement.src = URL.createObjectURL(blob)`将script原来的src转换成了blob地址，但在Home与About文件中引用的还是main.js原地址，所以无法从main.js中import正确的内容。 而且在加载Home时，浏览器自己又会重新加载一遍main.js。 除非将其他文件中对main.js 的引用都替换为blob地址，否则将无法导入正确的内容。 ## 复现步骤 1. 启动一个micro-app主应用（该代码库下的 /dev/main-vite） 2. 加载**打包后的**子应用 ## 上传截图 > 请上传代码截图、控制台、终端等截图以帮助我们了解您的问题。 ## 复现仓库 >...

YornQiu

基站应用的样式跟子应用的样式冲突

1

基站用 ant-design 组件库，子应用也用了 ant-desigin组件库。基站有一些样式对组件库进行了修改，但不想子应用受到影响，有什么方法让子应用不受基站样式的影响吗？

huang-ju

## 问题描述 > 子应用里面如果有iview的ColorPicker 颜色选择器 集成在微应用环境会出现定位选择不准确的问题 ## 复现步骤 1. 子应用内包含有iview的ColorPicker 颜色选择器 选择颜色的时候 鼠标拖动和选择器里面的选择箭头按钮不跟手 ## 上传截图 >  ## 环境信息 - micro-app版本：0.8 - 主应用前端框架&版本： element - 子应用前端框架&版本： iview - 构建工具&版本：webpack

617450941

能否像qiankun一样添加一个属性excludeAssetFilter指定部分特殊的动态加载的微应用资源（css/js) 不被microApp 劫持处理

5

## 功能描述 如题， 微前端框架qiankun的（[文档地址](https://qiankun.umijs.org/zh/api#loadmicroappapp-configuration)）配置项中有一个字段为```excludeAssetFilter - (assetUrl: string) => boolean - 可选，指定部分特殊的动态加载的微应用资源（css/js) 不被 qiankun 劫持处理``` 问： microApp是否也能提供类似`excludeAssetFilter`的配置字段，用于避免在 `微应用加载第三方静态资源时，静态资源中有动态的通过创建script或link来动态加载css/js资源以避免跨域问题的这种场景`被基座劫持为fetch请求从而触发跨域问题导致加载失败， 同时也需要保证避免劫持之后微应用中通过script或者link方式能正常加载到资源

huchaolin

dispatchEvent PopStateEvent 事件触发能否指定某个应用不触发全局？

1

## 背景 > dispatchEvent PopStateEvent 事件触发能否指定某个应用不触发全局？ 全局触发会改变所有加载的应用。 ## 期望的效果

LengYXin

微应用请求的静态资源如何避免被基座劫持为fetch 而是保持原有的引入方式？（添加ignore只能解决第一层）

4

## 问题描述 微应用内部需要引入第三方资源，如引入以下内容A(百度地图MapVGL) : ```html ``` 上面的A资源返回的内容为 B : ``` javascript (function(){ window.BMAP_PROTOCOL = "https"; window.BMapGL_loadScriptTime = (new Date).getTime(); document.write(''); document.write(''); })(); ``` 能看到B中有通过` `或 ``的方式去再次请求非同源的资源的方式， 如何避免内容B中的请求地址不会被基座劫持为fetch请求，而是按原有请求方式引入？ 难道只能通过在第三方资源那里加 白名单 或者...

huchaolin

keep-alive 问题，提供了demo

1

## 问题描述 > 问题的具体描述 ## 复现步骤 1.https://github.com/micro-zoe/micro-app/issues/521 2.https://github.com/lytgexiao/public-app ## 上传截图 > 请上传代码截图、控制台、终端等截图以帮助我们了解您的问题。 ## 复现仓库 > 请提供一个精简的代码仓库，然后上传到自己的 github，以帮助我们复现您的问题。 ## 环境信息 - micro-app版本： - 主应用前端框架&版本： - 子应用前端框架&版本： - 构建工具&版本：

lytgexiao

父应用使用keep-alive,切换页面子应用未渲染

5

## 问题描述 > 问题的具体描述 父应用使用keep-alive缓存页面，micro-app 用keep-alive属性缓存子应用，页面切换，子应用无法渲染 ## 复现步骤 1.父应用使用keep-alive标签包括router-view 2.在页面嵌入子应用（使用keep-alive属性） 3.期望切换路由保留父应用状态的同事，子应用keep-alive也可以重新渲染 ## 上传截图 > 请上传代码截图、控制台、终端等截图以帮助我们了解您的问题。     ## 复现仓库 > 请提供一个精简的代码仓库，然后上传到自己的 github，以帮助我们复现您的问题。 ## 环境信息 - micro-app版本：0.8+ - 主应用前端框架&版本：vue2...

lytgexiao

子应用vue2路由组件用require懒加载时，路由切换会报 loading chunk 0 failed

1

由于组件路径是变量不能用import，所以用require，这样会报错。 (resolve) => require([`@/views${view}`], resolve)

lxmp