Comments (12)
同样的问题,卡死
from wujie.
@
同样的问题,卡死
嗯, 我这边是一段时间不访问就会复现
from wujie.
from wujie.
@yiludege 大佬有空看看吧
from wujie.
我发现我这边出问题时,iframe指向的url发生了变化
from wujie.
我发现我这边出问题时,iframe指向的url发生了变化
留个微信,具体交流下
from wujie.
个人猜测:
1、发生这种现象的时候子应用的沙箱iframe发生了跳转,导致正常的沙箱被销毁了,iframe沙箱变成了一个正常的iframe
2、子应用的dom依然存在主应用上,所以可以正常看到子应用,但是点击的时候,绑定的事件回调都在iframe沙箱里面,而iframe沙箱已经被销毁了,所以表现为子应用怎么点击都没有反应
3、验证我这个猜测可以通过当子应用卡死后,查看一下子应用的iframe沙箱,如果这个iframe沙箱既有正常的dom也有js,也就是沙箱被摧毁了
解决的办法:
如果上面的猜测是正确的,那么发生这种现象一般是vite打包框架引起的,代码或者工具里面有window.locaiton.href的操作导致子应用iframe的被跳走了,需要找出来是哪里引起的iframe跳走了
from wujie.
官网的demo已经挂了一整天了,还没有出现这种现象,应该是后续的业务代码或者vite的工具、插件引入的问题?
from wujie.
个人猜测: 1、发生这种现象的时候子应用的沙箱iframe发生了跳转,导致正常的沙箱被销毁了,iframe沙箱变成了一个正常的iframe 2、子应用的dom依然存在主应用上,所以可以正常看到子应用,但是点击的时候,绑定的事件回调都在iframe沙箱里面,而iframe沙箱已经被销毁了,所以表现为子应用怎么点击都没有反应 3、验证我这个猜测可以通过当子应用卡死后,查看一下子应用的iframe沙箱,如果这个iframe沙箱既有正常的dom也有js,也就是沙箱被摧毁了
解决的办法: 如果上面的猜测是正确的,那么发生这种现象一般是vite打包框架引起的,代码或者工具里面有window.locaiton.href的操作导致子应用iframe的被跳走了,需要找出来是哪里引起的iframe跳走了
我中午在复现一下。看下iframe的结构
from wujie.
个人猜测: 1、发生这种现象的时候子应用的沙箱iframe发生了跳转,导致正常的沙箱被销毁了,iframe沙箱变成了一个正常的iframe 2、子应用的dom依然存在主应用上,所以可以正常看到子应用,但是点击的时候,绑定的事件回调都在iframe沙箱里面,而iframe沙箱已经被销毁了,所以表现为子应用怎么点击都没有反应 3、验证我这个猜测可以通过当子应用卡死后,查看一下子应用的iframe沙箱,如果这个iframe沙箱既有正常的dom也有js,也就是沙箱被摧毁了
解决的办法: 如果上面的猜测是正确的,那么发生这种现象一般是vite打包框架引起的,代码或者工具里面有window.locaiton.href的操作导致子应用iframe的被跳走了,需要找出来是哪里引起的iframe跳走了
上面是正确的iframe
这个是出问题之后的
主应用子应用都是在本地跑的,window.locaiton.href子应用全局搜了下没有发现
from wujie.
这个问题大概率是电脑息屏或者长时间页面不动导致websocket 断联,vite发现websocket断联会触发子应用刷新,导致子应用iframe被 window.location.href = xxxx 跳转走了,子应用沙箱随即被销毁了
目前没有很好的办法解决,除非能保证长时间websocket不被断开,但是一般发生这样的情况都是在dev环境,线上是没有vite的websocket的,所以如果dev发生这样的问题可能只能刷新一下页面了
from wujie.
后续如果有新的问题打开
from wujie.
Related Issues (20)
- 微前端对于write不支持 HOT 1
- 微信h5使用wujie后,在子应用展示二维码,ios长按二维码无响应,无法实现保存,分享,转发等操作,安卓正常 HOT 2
- 子应用引用第三方cdn静态js资源,加载出现跨域问题 HOT 1
- 官网demo,子应用字体在重新激活时加载重复,生成两个一模一样的style标签
- 孙子应用的自定义@font-face不生效
- 子应用弹窗显示不了图片,position:fixed;或者absolute的时候不能展示图片。都是用的vue2,双向绑定也没问题就是渲染的时候img表情的src是空的
- window.$wujie.location.href 跳转问题 HOT 1
- 子应用中Popconfirm的确认事件无法被正确触发 HOT 2
- 这个仓库还在维护吗 HOT 7
- 子应用中使用 document.documentElement.addEventListener('keydown', ()=>{}) 绑定事件不生效
- wujie中无法正常是用worker HOT 4
- 子应用中鼠标事件获取offset的值是基于wujie-app,不是基于指定元素
- vue3什么时候可以作为基座
- 子应用偶现白屏,且无报错
- 子应用打包部署后,antd组件库样式问题
- OffScreenCanvas无法使用自定义字体,Canvas和HTML可以应用自定义字体。
- 无界子应用集成@tiptap富文本,第二次打开子应用时,中文输入法输入'@',会连续出现两个(@@),window.getSelection()永远为None HOT 1
- 3层嵌套的情况下,不同UI框架,字体图标不显示问题
- ios中子应用白屏,没有报错,看现象子应用中对应的js文件没加载,安卓正常 HOT 2
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 wujie.