记vue-pdf踩坑过程

2024-06-07 02:42:21

1、部分中文不显示或乱码问题，报错如下
Warning: Error during font loading: The CMap "baseUrl" parameter must be specified, ensure that the "cMapUrl" and "cMapPacked" API parameters are provided.

解决方案：

import CMapReaderFactory from 'vue-pdf/src/CMapReaderFactory.js
this.pdfUrl = pdf.createLoadingTask({ url: pdfUrl, CMapReaderFactory })

2、上述解决方案后，二次加载会有另一个错误，报错如下：

Warning: Error during font loading: Failed to execute 'postMessage' on 'Worker': ArrayBuffer at index 0 is already detached.

解决方案：
原因其实是CMapReaderFactory 对象动态import语言文件的时候缓存了文件，导致第二次取缓存加载时出了问题，把CMapReaderFactory.js的代码改成这样就行了：
`
var bcmapName = './buffer-loader!pdfjs-dist/cmaps/'+query.name+'.bcmap';
return import(bcmapName).then(function(bcmap) {
//移除缓存的文件
delete require.cache[require.resolve(bcmapName)];

 return {cMapData: bcmap.default,compressionType: CMapCompressionType.BINARY,};
});

`

由于这是第三方文件，改不太方便，不利于后续维护，可使用vue-pdf-signature,或者自己fork vue-pdf来改造。
参考文章： vue-pdf踩坑指南_快进小树林的博客-CSDN博客

记vue-pdf踩坑过程相关推荐

html2canvas图片的文字偏移,html2canvas在Vue项目踩坑-生成图片偏移不完整
背景最近做一个Vue项目需求是用户长按保存图片,页面的数据是根据不同id动态生成的,页面渲染完生成内容图片让用户长按保存的时候,把整个页面都保存起来. 在项目遇到的坑是图片能生成,可是生成的图片总是 ...
HBase眼高手低从Shell到IDEA编程、心路笔记、踩坑过程
HBase眼高手低从Shell到IDEA编程.心路笔记.踩坑过程 HBase眼高手低通过shell操作Hbase Foundation 在terminal中输入hbase,就可以查看hbase命令的 ...
java 做项目踩坑,web项目踩坑过程
sql函数设计: 一开始本来是直接用Java的jdbc直接传输操作语句的.但后来学了存储过程发现存储过程可以提高不少的效率.就重构了自己对数据库的操作代码.包括:开启,查找,修改,关闭. 开启:直接使 ...
vue.js踩坑之单向数据流
vue.js父子组件之间的数据通信,细节总结隐性规则:单行数据流学前疑问: 1.父组件如何向子组件通信数据? 2.父组件可以直接修改子组件的数据!但是反过来绝对不可以!那怎么解决这个问题呢? 3. ...
vue.js踩坑之ref引用细节点
vue.js组件之H5页面,DOM标签或者组件中,通过ref="自定义name名称"引用的细节点要点简介:[ 见下文案例 ] 使用is=" "解决H5出现的标 ...
centos 8 使用 nmcli 配置网桥Bridge（最后有踩坑过程）
文章最后有踩坑过程,前面先写正常流程. 背景:最近想在自己笔记本上搭建openstack集群,再在集群上面上面跑K8S. 首先需要准备两个网络供虚拟机使用,一个网络用于连接互联网用来在线安装各种服务和 ...
记录一次C语言调用go生成的动态库的踩坑过程
记录一次C语言调用go生成的动态库的踩坑过程问题现象由于某些特殊原因,需要在C语言中调用go语言生成的so,本来挺顺利,一切都运行的很好.突然某一天,不知道怎么回事,再一个新程序中无法正常运行了, ...
FastDFS 的安装、使用、踩坑过程
FastDFS 的一系列踩坑 1. 什么是 FastDFS 2. 为什么要使用 FastDFS 3. FastDFS 安装[CentOS] 3.1 Tracker 安装 3.2 Storage 安装 ...
YOLOV7分割新手WIN10踩坑过程
一.前言踩了三天的坑,终于成功配置好YOLOV7的分割部分了,泪目.网上的教程太少了,一开始卡在detetron2的安装问题上,然后卡在数据集的制作上,最后靠查github的Issues然后去找数据 ...

最新文章

热门文章