Comments (8)
提供一个最小可复现的 repo?
from qiankun.
repo: https://github.com/chenfengjw163/qk-demo
main文件夹为portal项目,react16为子应用
复现步骤:
- main、react16文件夹分别安装依赖
- 根目录执行yarn start或者npm run start
- 打开http://localhost:7099 ,点击页面中的page2超链接
- 查看元素,head中存在localhost:7100/Page2.chunk.js和Page2.chunk.css
造成原因:
webpack支持code split,异步加载的文件会在head中新增一个link或者script标签。当子应用卸载后head中的标签并不会被移除,js文件倒还好,css文件会造成全局污染
from qiankun.
收到,近期会支持。如果有 block 到你的开发,可以临时先把 code split 关掉,我们这边发版本后再开启
from qiankun.
是否可以提供下解决思路,在qiankun还没发布前,我们可以先自己适配下
from qiankun.
如果 css 地址固定的话,可以在 unmout 阶段手动移除相关的 css 节点
from qiankun.
之前考虑过一个方案,在加载子应用之前遍历head的节点,卸载子应用时,移除掉除了这些子节点以外的节点
from qiankun.
#51 支持子应用code split
from qiankun.
现在我需要将样式加载到body->header,现在的新版本全加到子应用了。而我的项目是按路由加载 同一个项目的子应用。结果删除一个子应用,一开始加载的样式没了,影响到了剩下的子应用
from qiankun.
Related Issues (20)
- angular 中使用NzSelectModule nz-select聚焦不生效,有遇到这个问题吗
- 线上环境报错[qiankun]: You need to export lifecycle functions in /xxx entry,但是本地开发则是能正常的访问 HOT 2
- [Feature Request] say something微应用Angular10.X,主应用Vue3.0,加载微应用页面时,第二次页面不渲染,微应用中使用的ng-zorro-antd组件不更新
- [Bug]qiankun中import-html-entry对于dynamicImport资源的处理
- vue3 activeRule配置两层路径,后退会丢失一层路径,导致程序异常 HOT 1
- [Bug]请遵循下文模板提交问题,否则您的问题会被关闭 HOT 1
- 加载不出子运用页面。麻烦大佬帮忙看下 HOT 1
- 谷歌浏览器更新到120版本后,子应用中带-webkit-前缀的样式失效
- [Feature Request] 希望把QiankunError导出 HOT 2
- 子应用是通过后端的session做登录验证,在qiankun中如何应用呢? HOT 1
- [Bug]子应用加载过程中容器销毁了,重新进入页面加载会失败 HOT 6
- [Bug] 3.0的React/Vue组件 HOT 8
- 无界 <--qiankun <-- 微应用:application 'ack' died in status LOADING_SOURCE_CODE: {}
- angular子应用接入qiankun框架,Angular DevTools使用不了 HOT 2
- angular子应用接入qiankun框架,Angular DevTools使用不了
- [Bug]资源加载出错然后换一个entry, 但是name不变的话, 不会再次请求新资源
- qiankun框架的子应用中加载远程组件,无法使用slot插槽 HOT 1
- [Bug]nginx配置主应用location到二级路径导致子应用无法加载
- [Bug]请遵循下文模板提交问题,否则您的问题会被关闭 HOT 3
- qiankun +vue 多页签问题
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from qiankun.