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

根本原因:

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

相关推荐
开心不就得了1 天前
React Native对接Sunmi打印sdk
javascript·react native·react.js
hxjhnct1 天前
React 父组件调用子组件的方法
前端·react.js·前端框架
技术宅小温1 天前
< uni-app开发核心难点解析:框架适配与打包发布全流程踩坑指南 >
前端·前端框架·uni-app·web app
浮游本尊1 天前
React 18.x 学习计划 - 第十一天:服务端渲染与Next.js
javascript·学习·react.js
GISer_Jing1 天前
Chapter1:智能体基础入门通关指南
大数据·前端·人工智能·aigc
李姆斯1 天前
技术方案评审没人听?别人抓不住重点?你不妨这样做!
前端·后端·面试
程序员码歌1 天前
短思考第269天,想清楚这些,短文写作,人人都可以
android·前端·ai编程
C_心欲无痕1 天前
网路相关 - 本地开发为什么需要端口号
前端·网络·网络协议
Codebee1 天前
ooder-A2UI 框架中的矢量图形全面指南
前端·人工智能