前端使用snapdom报错问题

在使用 snapdom 这个库,生成截图的时候,控制台会报错: Uncaught (in promise) EncodingError: The source image cannot be decoded. 经过查询, 找到原因是 --

需求

我现在要完成的一个需求是路径需求, 就是点击菜单。生成路径,并将当前页面截图,生成一个缩略图, 可以点击回到之前浏览过的菜单。 当然这个路径的业务逻辑暂且不说,我使用vue 的时候,可以通过路由守卫来实现。

问题

当我点击我某一个页面的菜单的时候, 调用截图方法, 会报错

其他页面没有问题。

原因

这个报错的原因可能是多方面的, 首先我查看了官方的 issue

issue 里面一共有三条是关于这个问题的

解决方案也基本上就是这两种方式, 修改一些配置, 但是经过我的尝试,发现不是这个原因。

最终在我当前有错误的页面里面,找到这条注释。 是注释里面的这一行造成的这个错误。经过测试其他注释没有问题。 也不是 css 这个变量的原因。 块级注释里面只要有 -- 就会报错。 询问AI , 给出的答复是 :

个人认为大致原因就应该是这个, - 是没事的, --以上 比如 --- 也不行。 所以这个跟解析应该是存在关联。

解决方案

当前这个错误发生在解析阶段,所以没办法通过配置的方式,侵入源码更改也不显示。 只能在使用 snapdom 的时候, 避免块级注释出现 -- 来解决。

参考链接 github.com/zumerlab/sn...

相关推荐
柳杉1 分钟前
从数字化到数智化:3D 可视化大屏的下一个五年
前端·ai编程·数据可视化
濮水大叔26 分钟前
函数式与对象式:前端架构的两种成本曲线
vue.js·react.js·函数式编程
zimoyin27 分钟前
在 C# 里嵌入 JavaScript:用 Jint 做可热更新的自动化脚本(从入门到踩坑)
javascript·c#·自动化
风骏时光牛马1 小时前
从零到实战:AI全栈学习进阶路线
前端
FRing031 小时前
JavaScript入门到精通二十六(变量提升、函数剩余参数、展开运算符、ES6箭头函数)
开发语言·前端·javascript·es6·箭头函数
用户360055579001 小时前
Kestrel_VLLM - 15 · decode 优化四连击:19ms → 8ms
前端
IT_陈寒1 小时前
JavaScript的闭包陷阱,这个坑我躺了三天才爬出来
前端·人工智能·后端
计算机魔术师2 小时前
Microsoft Research 与合作者证明 31 年历史的 KLS 猜想
前端
vx_Biye_Design2 小时前
django房屋租赁推荐系统78455-计算机课程设计、毕业设计
vue.js·spring boot·后端·python·django·课程设计·express
weixin_417396832 小时前
桌面云终端PXE启动失败怎么排查?从DHCP Option到镜像下发
开发语言·前端·php·技术·酒店·综合布线·弱电