【微前端】 qiankun 兼容 IE11

3,941 阅读1分钟

IE 兼容性问题

本文记录了使用 qiankun 在 IE11 上的兼容性问题,踩了不少坑,分享出来,希望能让小伙伴少踩些坑 ^_^

将持续更新...

MousEvent polyfill

问题:由于 qiankun 在沙箱给 MouseEvent 添加了补丁, 而 IE 浏览器是不支持 MouseEvent 的API。 如下图所示:

方法:给 IE11 添加 MouseEvent 的 polyfill,具体查看 MDN - MouseEvent#Polyfill

no "fetch" on the window

问题:[import-html-entry] Here is no "fetch" on the window env, you need to polyfill it

方法:

npm i 'whatwg-fetch' -s
// ----
import 'whatwg-fetch'

ES6 promise

添加 promise-polyfill

<script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.js"></script>

Symbol ”未定义"

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser-polyfill.min.js"></script>

网络错误 0x2efd

问题:SCRIPT7002: XMLHttpRequest: 网络错误 0x2efd, 由于出现错误 00002efd 而导致此项操作无法完成。

方法:

具体操作:

1. internet选项  --> 高级 --> 检查服务器证书是否已吊销* 去掉勾选
2. 重启IE

参考资料