bailicangdu

bailicangdu

水光潋滟晴方好,山色空蒙雨亦奇。

Member Since 5 years ago

jd.com, Shanghai, China

Experience Points
1.24w
follower
Lessons Completed
19
follow
Lessons Completed
151
stars
Best Reply Awards
22
repos

432 contributions in the last year

Pinned
⚡ A minimalist solution for building micro front-end applications. 一种用于构建微前端应用的极简方案
⚡ 基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用
⚡ 基于 node.js + Mongodb 构建的后台系统
⚡ 基于 vue + element-ui 的后台管理系统
⚡ vue2 + vue-router + vuex 入门项目
⚡ 一个 react + redux 的完整项目 和 个人总结
Activity
Oct
21
3 days ago
Activity icon
issue

bailicangdu issue comment micro-zoe/micro-app

bailicangdu
bailicangdu

子应用使用element-plus 导致部分样式失效

比如一些使用到了 var 进行 css 变量提取的值, 没有成功转换 , 这样导致大量的样式需要整改.

.el-dialog__footer { padding: var(--el-dialog-padding-primary); }

--->

micro-app[name=setup] .el-dialog__footer { padding-right: ; padding-bottom: ; padding-left: ; }

Activity icon
issue

bailicangdu issue comment micro-zoe/micro-app

bailicangdu
bailicangdu

加载vue3子应用报错

问题描述

vue3+webpack 加载打包后的子应用报错 [micro-app from runScript] TypeError: Cannot read Property 'call' of undefined. 加载开发环境

复现步骤

1.用[email protected]创建一个vue3+webpack项目 2.打包完部署到nginx中通过基座访问

上传截图

请上传代码截图、控制台、终端等截图以帮助我们了解您的问题。

复现仓库

请提供一个精简的代码仓库,然后上传到自己的 github,以帮助我们复现您的问题。

环境信息

  • micro-app版本:0.4.0
  • 主应用前端框架&版本:vue2.6
  • 子应用前端框架&版本:vue3.0
  • 构建工具&版本:[email protected]
bailicangdu
bailicangdu

可以具体说一下现象吗

Activity icon
issue

bailicangdu issue comment micro-zoe/micro-app

bailicangdu
bailicangdu

加载vue3子应用报错

问题描述

vue3+webpack 加载打包后的子应用报错 [micro-app from runScript] TypeError: Cannot read Property 'call' of undefined. 加载开发环境

复现步骤

1.用[email protected]创建一个vue3+webpack项目 2.打包完部署到nginx中通过基座访问

上传截图

请上传代码截图、控制台、终端等截图以帮助我们了解您的问题。

复现仓库

请提供一个精简的代码仓库,然后上传到自己的 github,以帮助我们复现您的问题。

环境信息

  • micro-app版本:0.4.0
  • 主应用前端框架&版本:vue2.6
  • 子应用前端框架&版本:vue3.0
  • 构建工具&版本:[email protected]
Oct
20
4 days ago
Activity icon
issue

bailicangdu issue comment micro-zoe/micro-app

bailicangdu
bailicangdu

子应用 vue 切换页面后样式丢失

问题描述

升级了0.4.0,使用 内存优化后 , vue的项目切换其他页面,再切换回来样式丢失了,不做内存优化是没啥问题的。

bailicangdu
bailicangdu

已复现,本周五会发布新版本进行修复,谢谢提醒

Activity icon
issue

bailicangdu issue micro-zoe/micro-app

bailicangdu
bailicangdu

子应用 vue 切换页面后样式丢失

问题描述

升级了0.4.0,使用 内存优化后 , vue的项目切换其他页面,再切换回来样式丢失了,不做内存优化是没啥问题的。

Activity icon
issue

bailicangdu issue comment micro-zoe/micro-app

bailicangdu
bailicangdu

angular 作为子应用运行报错

问题描述

angular 12.x 版本 项目作为子项目,报错:[micro-app from runScript] RangeError: Maximum call stack size exceeded

复现步骤

  1. 创建 react 基座应用
  2. 创建 react 子应用(路由成功)
  3. 创建 angular 子应用(路由失败)

上传截图

image

复现仓库

https://github.com/tirelyl/micro-demo app1 目录下是 angular 应用

环境信息

  • micro-app版本:0.4.0
  • 主应用前端框架&版本:react17.x
  • 子应用前端框架&版本:angular12.x
  • 构建工具&版本:react-app-rewired&2.x
bailicangdu
bailicangdu

是的,包括angular、nextjs、nuxtjs都会进行补充

Activity icon
issue

bailicangdu issue micro-zoe/micro-app

bailicangdu
bailicangdu

子应用 vue 切换页面后样式丢失

问题描述

升级了0.4.0,使用 内存优化后 , vue的项目切换其他页面,再切换回来样式丢失了,不做内存优化是没啥问题的。

Activity icon
issue

bailicangdu issue comment micro-zoe/micro-app

bailicangdu
bailicangdu

子应用 vue 切换页面后样式丢失

问题描述

升级了0.4.0,使用 内存优化后 , vue的项目切换其他页面,再切换回来样式丢失了,不做内存优化是没啥问题的。

bailicangdu
bailicangdu

已复现,这是在[email protected]版本下出现的问题,将router放在mount和unmount中注册和卸载可以解决,如下:

import { createApp } from 'vue'
import { createRouter, createWebHistory } from 'vue-router'
import routes from './router'

let app = null
let router = null
let history = null
// 将渲染操作放入 mount 函数
function mount () {
  history = createWebHistory(window.__MICRO_APP_BASE_ROUTE__ || '/')
  router = createRouter({
    history,
    routes,
  })

  app = createApp(App)
  app.use(ElementPlus)
  app.use(router)
  app.mount('#app')
}

// 将卸载操作放入 unmount 函数
function unmount () {
  app.unmount()
  history.destroy()
  app = null
  router = null
  history = null
}

// 微前端环境下,注册mount和unmount方法
if (false) {
  window[`micro-app-${window.__MICRO_APP_NAME__}`] = { mount, unmount }
} else {
  // 非微前端环境直接渲染
  mount()
}
push

bailicangdu push micro-zoe/micro-app

bailicangdu
bailicangdu

feat: 优化了报错日志信息,增加应用名称

commit sha: 1546ab9b9f99d5f59ffb1c2dd58dddc4a925e580

push time in 3 days ago
Activity icon
issue

bailicangdu issue comment micro-zoe/micro-app

bailicangdu
bailicangdu

子应用 vue 切换页面后样式丢失

问题描述

升级了0.4.0,使用 内存优化后 , vue的项目切换其他页面,再切换回来样式丢失了,不做内存优化是没啥问题的。

bailicangdu
bailicangdu

不需要配置webpack,你的样式是在什么时候引入的,可以提供demo吗

push

bailicangdu push micro-zoe/micro-app

bailicangdu
bailicangdu

fix: 修复了在非沙箱环境下使用umd模式,开启destory后,卸载时注册的函数没有卸载的问题

commit sha: 3b0f96e7c9dff7f80abdccc70157c71f1a96be51

push time in 4 days ago
Activity icon
issue

bailicangdu issue comment micro-zoe/micro-app

bailicangdu
bailicangdu

angular 作为子应用运行报错

问题描述

angular 12.x 版本 项目作为子项目,报错:[micro-app from runScript] RangeError: Maximum call stack size exceeded

复现步骤

  1. 创建 react 基座应用
  2. 创建 react 子应用(路由成功)
  3. 创建 angular 子应用(路由失败)

上传截图

image

复现仓库

https://github.com/tirelyl/micro-demo app1 目录下是 angular 应用

环境信息

  • micro-app版本:0.4.0
  • 主应用前端框架&版本:react17.x
  • 子应用前端框架&版本:angular12.x
  • 构建工具&版本:react-app-rewired&2.x
bailicangdu
bailicangdu

抱歉文档中没有说明,我们最近几天会补充相关文档

push

bailicangdu push micro-zoe/micro-app

bailicangdu
bailicangdu

fix: 修复了对iframe src属性的错误处理

bailicangdu
bailicangdu

feat: 优化了module script的执行方式

commit sha: 90a9612d08f1c60d2c75d9352ee1a8ce2ada3ab4

push time in 4 days ago
Oct
19
5 days ago
Activity icon
issue

bailicangdu issue micro-zoe/micro-app

bailicangdu
bailicangdu

Failed to resolve component: micro-app

问题描述

问题的具体描述

复现步骤

上传截图

请上传代码截图、控制台、终端等截图以帮助我们了解您的问题。

复现仓库

请提供一个精简的代码仓库,然后上传到自己的 github,以帮助我们复现您的问题。 https://github.com/DengRiGuang/micro-frontend.git

环境信息

  • micro-app版本:0.2.5
  • 基座应用的前端框架和版本:3.2.6
  • 子应用的前端框架和版本:3.2.6
  • 构建工具&版本:vite
Activity icon
issue

bailicangdu issue comment micro-zoe/micro-app

bailicangdu
bailicangdu

Failed to resolve component: micro-app

问题描述

问题的具体描述

复现步骤

上传截图

请上传代码截图、控制台、终端等截图以帮助我们了解您的问题。

复现仓库

请提供一个精简的代码仓库,然后上传到自己的 github,以帮助我们复现您的问题。 https://github.com/DengRiGuang/micro-frontend.git

环境信息

  • micro-app版本:0.2.5
  • 基座应用的前端框架和版本:3.2.6
  • 子应用的前端框架和版本:3.2.6
  • 构建工具&版本:vite
Activity icon
issue

bailicangdu issue bailicangdu/vue2-manage

bailicangdu
bailicangdu

第一次登录一直显示登录管理员失败 如何解决呢

无法登录 我是用压缩包下载的 git一直报错

Activity icon
issue

bailicangdu issue comment bailicangdu/vue2-manage

bailicangdu
bailicangdu

第一次登录一直显示登录管理员失败 如何解决呢

无法登录 我是用压缩包下载的 git一直报错

bailicangdu
bailicangdu
Activity icon
issue

bailicangdu issue bailicangdu/node-elm

bailicangdu
bailicangdu

大佬 接口怎么都获取数据失败了

大佬 接口怎么都获取数据失败了 修复一下 辛苦了 嘻嘻

Activity icon
issue

bailicangdu issue comment bailicangdu/node-elm

bailicangdu
bailicangdu

大佬 接口怎么都获取数据失败了

大佬 接口怎么都获取数据失败了 修复一下 辛苦了 嘻嘻

Oct
18
6 days ago
push

bailicangdu push micro-zoe/micro-app-demo

bailicangdu
bailicangdu

feat: lifecycle & data 添加完成

commit sha: 4efd4b6601b73b2d0cf82465339772538b5a4c35

push time in 5 days ago
push

bailicangdu push micro-zoe/micro-app

bailicangdu
bailicangdu

fix: 修复了mounted生命周期在异步脚本中执行时机错误的问题

commit sha: 5a02596c780339d9acb0787c0cecabc241e9ce54

push time in 5 days ago
Oct
17
1 week ago
Oct
15
1 week ago
Activity icon
published release v0.4.0

bailicangdu in micro-zoe/micro-app create published release v0.4.0

createdAt 1 week ago
Activity icon
created tag
createdAt 1 week ago