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层,后面的节点没有再遍历了,因此出现报错。而界面如果加载完再调用,则无报错。

根本原因:

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

相关推荐
之恒君3 分钟前
React 性能优化(方向)
前端·react.js
coding随想8 分钟前
JavaScript Notifications API:告别alert弹窗,开启沉浸式用户体验革命!
开发语言·javascript·ux
钝挫力PROGRAMER13 分钟前
Vue中选项式和组合式API的学习
javascript·vue.js
3秒一个大16 分钟前
Vue 任务清单开发:数据驱动 vs 传统 DOM 操作
前端·javascript·vue.js
阿蒙Amon17 分钟前
JavaScript学习笔记:2.基础语法与数据类型
javascript·笔记·学习
an869500117 分钟前
vue自定义组件this.$emit(“refresh“);
前端·javascript·vue.js
Avicli17 分钟前
Gemini3 生成的基于手势控制3D粒子圣诞树
前端·javascript·3d
GinoWi18 分钟前
HTML标签 - 列表标签
前端
o__A_A18 分钟前
渲染可配置报告模板+自适应宽度(vue3)
前端·vue.js
鹏北海18 分钟前
Vue 组件解耦实践:用回调函数模式替代枚举类型传递
前端·vue.js