Comments (3)
ClarkXia
commented on July 24, 2024
问题原因
js 中通过 registerAppEnter 方式注册子应用挂载，而目前 entry 加载后所有的内容都放入子应用的节点上面，一旦执行 registerAppEnter 中的方法，将会将当前 子应用 html 内容覆盖，包括 css 内容
解决方案
加载完 entry 后，分析其中的 css 和 js 资源，在非子应用挂载点插入对应资源，与 urls 方式加载子应用保持一致
注意事项
entry 方式加载情况下，需要注意是通过 registerAppEnter 注册子应用的话，除了css 和 js 资源外，其他 html 结构依旧会被覆盖
from icestark.
hfuuss
commented on July 24, 2024
mark
from icestark.
ClarkXia
commented on July 24, 2024
@ice/[email protected] 版本已修复
from icestark.
Related Issues (20)
- 【优化】对于 runtime.json 中 external 的资源，希望能够并行加载
- 模版创建微应用，内路由跳转找不到 HOT 2
- 卸载主应用后怎么停止icestark环境？ HOT 7
- 本项目最近都不活跃了 HOT 1
- 主应用拉不到子应用的静态资源 HOT 1
- 根据官方demo操作，无法挂载ice子应用 HOT 2
- <img width="1740" alt="image" src="https://github.com/ice-lab/icestark/assets/24268244/1d1e269b-a3e0-4246-bad9-0b0ed44a555d"> HOT 1
- 确认下 chunk 加载地址是不是有问题 https://micro-frontends.ice.work/docs/faq#%E5%BA%94%E7%94%A8%E5%90%AF%E7%94%A8-lazy-%E5%90%8Echunk-%E5%8A%A0%E8%BD%BD%E5%A4%B1%E8%B4%A5 HOT 2
- 停止 icestark 的运行 HOT 1
- 无法进入子应用路由，配置basename 后报错 HOT 1
- 文档存在迷惑性 HOT 1
- pnpm 安装依赖和启动项目报错 HOT 1
- 使用脚手架创建主应用和子应用，主应用无法正常加载子应用 HOT 1
- 文档案例存在 bug 哦 HOT 2
- 子应用内部路由跳转会出现先unmount然后再mount，浏览器返回按钮会返回到undefined路径 HOT 2
- 严格按照文档上的写的，为啥还是会报：Cannot read property 'mount' of null HOT 1
- Unable to retrieve lifecycles of /xx/xx after loading it
- 子应用配置了cached参数，好像无效，还是会重新请求 js 和 css 文件
- 老旧项目vue2改造成基座。切页面就找不到路由 HOT 1
- vue2升级到vite+vue3,无法正常显示子应用 HOT 1
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 icestark.