icestark
icestark copied to clipboard
:tiger: Micro Frontends solution for large application(面向大型应用的微前端解决方案),站点国内镜像:https://icestark.gitee.io
需求:在二级路由中想要引入子应用,二级路由有自己的layout,且需要与一级路由部分内容一起显示 问题:由于在运行时配置中已经指定子应用的Layout,子应用加载也只会使用这一层layout,无法在多级嵌套路由中嵌入子应用,有什么实现方案吗,如果,子应用支持组件式自由引入就更好,更灵活,也不会受限于路由
## BUG Access to script at 'http://127.0.0.1:2337/js/index.js' from origin 'http://xxx.test.xxxx.qa' has been blocked by CORS policy: The request client is not a secure context and the resource is in more-private...
registerMicroApps([ { name: 'vue3', activePath: '/vue', title: 'vue3子应用', loadScriptMode: 'import', entry: 'http://localhost:3001', container: containerVue, cached: true, } ]) 这样的写法目前主应用的页面缓存可以,但是子应用的切换页面缓存不生效 测试下来感觉是子应用的卸载导致的,不太确定是不是有参数可以配置子应用可以缓存。
主应用跟子应用都是vue3.x + vite3.x + vue-router4.x, keep-alive不生效,即使在当前应用里面切换路由也不生效,发现子应用实例一直重新渲染
**Do you want to request a *feature* or report a *bug*?** **What is the current behavior?** 背景 ``` a ``` - 预期是可以通过鼠标中键或者command加点击实现新窗口打开,但是现在不行,只能当前页面跳转 - Link和普通的a标签反倒可以 我的场景是菜单栏,用户希望鼠标中键新窗口打开,这样可以快捷同时打开多个。 **If the current behavior is...
1、官方方式创建主应用:npm init ice icestark-layout @vue-materials/icestark-layout-app 官方create-react-app 子应用示例:https://github.com/maoxiaoke/icestark-cra-child 主应用调用子应用会报如下错误: apps.js:287 TypeError: Cannot read properties of undefined (reading 'webpackHotUpdatexxxx') 2、根据 已有React项目改造为微应用文档(https://micro-frontends.ice.work/docs/guide/use-child/react/)改在现有react应用,之后还是报 icestark minified message #1: Unable to retrieve lifecycles of platform after...
主应用向微应用透传 props,子应用通过页面级的 props 获取到的frameworkProps为空; "build-plugin-icestark": "^2.5.3", icestark: { Layout: FrameworkLayout, getApps: async () => { const apps = [{ path: ', title: '', loadScriptMode: 'fetch', // React app demo: https://github.com/ice-lab/react-materials/tree/master/scaffolds/icestark-child...
在使用官方ice3 的主应用和子应用模板创建的项目下,cached参数无效,子应用切换后还是会重新加载子应用的 js 和 css 是@ice/plugin-icestark的问题吗?
问题描述: 第一次主应用切换到子应用再切回去 没问题,再切到子应用就报错了 “Unable to retrieve lifecycles of /console/staff-management after loading it” 页面空白  主应用: // app.tsx  子应用: // app.tsx 