angular:html2canvas报错提示Unable to find iframe window

问题:

如题

出现时机:

只在 ctrl+r 页面初始化和首次进入目标界面会报错,如果是延时触发,则不会报错

定位:

查看源码,在chrome进行源码修改后打印,定位到报错代码段

TypeScript 复制代码
    const documentCloner = new DocumentCloner(context, element, cloneOptions);
    const clonedElement = documentCloner.clonedReferenceElement;
    if (!clonedElement) {
        return Promise.reject(`Unable to find element in cloned iframe`);
    }
TypeScript 复制代码
if (this.referenceElement === node && isHTMLElementNode(clone)) {
  this.clonedReferenceElement = clone;
}

打印clone,发现直到ion-route-outlet层,后面的节点没有再遍历了,因此出现报错。而界面如果加载完再调用,则无报错。

根本原因:

暂时没有继续深究,感兴趣的可以继续打印查看。

相关推荐
程序员ys1 分钟前
网页白屏的原理与优化
前端·性能优化·浏览器
@PHARAOH10 分钟前
WHAT - SWC Rust-based platform for the Web
开发语言·前端·rust
滕青山10 分钟前
HTML编码/解码 核心JS实现
前端·javascript·vue.js
dustcell.12 分钟前
企业级web应用服务器
前端
RunsenLIu25 分钟前
智慧房屋租赁管理系统
前端·javascript·vue.js
凌云拓界25 分钟前
TypeWell全攻略(四):AI键位分析,让数据开口说话
前端·人工智能·后端·python·ai·交互
明月_清风25 分钟前
pwa 安装/离线/推送/后台同步 全套高级能力
前端·pwa
cyber_两只龙宝28 分钟前
Tomcat--企业级web应用服务器详细介绍与整合Nginx配置流程
linux·运维·前端·nginx·云原生·tomcat·负载均衡