search

umijs / qiankun

📦 🚀 Blazing fast, simple and complete solution for micro frontends.
https://qiankun.umijs.org
MIT License
15.61k stars 2k forks source link

[Bug]新版本chrome浏览器下，angular子应用接入qiankun，断点调试控制台this指向window，没有指向组件实例 #2920

Open Gcgetget opened 4 months ago

Gcgetget commented 4 months ago

What happens?

新版本chrome浏览器下，angular子应用接入qiankun框架，断点调试，控制台source里hover到this上，提示显示的是window实例，而不是组件实例，但是右侧this显示的是组件实例，如下图所示： image 控制台输出this，也是打印的window，如下： image 但是，如果是在setTimeout里的this，指向是组件实例是正常的，如下： image

上面情况非常影响调试，不知道怎么解决。但是低版本的chrome浏览器没有这个问题，比如90.0.4430.72版本

相关环境信息

bravepg commented 4 months ago

有可以复现的地址吗？

Gcgetget commented 4 months ago

有可以复现的地址吗？ 没有，公司内部项目

chjtx commented 4 months ago

应该大概可能是webpack的问题，我以前用webpack3.x的时候在浏览器控制台调试也是这样的

Gcgetget commented 4 months ago

应该大概可能是webpack的问题，我以前用webpack3.x的时候在浏览器控制台调试也是这样的

webpack是5.88.2版本。在代码中console.log(this)，输出this是组件实例正确的，但是控制台调试hover到this上就显示widow，控制台输出this也是window。 但是下面这种情况又是好的，不知道咋解决 image