Vue3 环境不支持vue-pdf插件使用,使用 pdfjs-dist
pdf-dist版本 npm install pdfjs-dist@2.5.207 -S
控制台报错 缺少字体包
Warning: Error during font loading: The CMap "baseUrl" parameter must be specified, ensure that the "cMapUrl" and "cMapPacked" API parameters are provided.
页面丢失效果
寻找报错路径
控制台报错 CMap 的 baseUrl 参数地址和cMapPacked压缩未被指定
找到pdfjs源码
解决方法 加载线上地址文件字体
找到pdfjs依赖路径
node_modules > pdfjs-dist>build>pdf.js
在 1834行指定cMapUrl 添加两行
params.rangeChunkSize = params.rangeChunkSize || DEFAULT_RANGE_CHUNK_SIZE;
params.CMapReaderFactory = params.CMapReaderFactory || _display_utils.DOMCMapReaderFactory;
params.ignoreErrors = params.stopAtErrors !== true;
params.fontExtraProperties = params.fontExtraProperties === true;
params.pdfBug = params.pdfBug === true;
//解决文字缺少问题
params.cMapPacked = true
params.cMapUrl = 'https://cdn.jsdelivr.net/npm/pdfjs-dist@2.2.228/cmaps/'