vue2/3 - vue-pdf报错Cannot read properties of undefined (reading ‘catch‘)详细解决方案，可能正常预览没有问题但就是报错(预览pdf)

已于 2025-01-16 15:39:09 修改
阅读量3.1k 收藏 4
点赞数 8
CC 4.0 BY-SA版权
分类专栏： 前端组件与功能(开箱即用) 文章标签： 在vue项目预览pdf文档报错 vue-pdf预览PDF插件 vue2.js vue3.js nuxt.js 详细解决vue-pdf报错 就算换了vue-pdf版本还报
于 2024-07-30 23:40:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_50545213/article/details/140809363

问题说明

在vue2、vue3项目开发中，在使用vue-pdf插件预览解析PDF时浏览器控制台报错：TypeError: Cannot read properties of undefined (reading ‘catch‘)，vue项目安装使用vue-pdf出现预览报错但有时候pdf文档可以正常显示加载(控制台的错误依旧存在)，很奇怪的错误，修改了vue-pdf版本也不一定生效，本文提供解决方法。

其他教程都无法解决，在本文你只要报类似的错误就可以100%完美解决。

在这里插入图片描述

解决教程

首先来分析排查下，

了解本专栏 订阅专栏 解锁全文
报错Cannot read properties of undefined (reading ‘catch‘)
2401_89806660的博客
07-05 213
在 node_modules 里找到 vue-pdf 文件夹，打开 pdfjsWrapper.js 文件，修改大约第 190 行代码。
Vue3 - 详解报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘writeText‘)，vuejs剪贴板出错
资深程序员
07-10 4542
剪贴板报错，navigator.clipboard，writeText，突然就报错了，浏览器禁用了非安全域的navigator.clipboard对象，解决报错，Cannotreadpropertiesofundefined(reading'writeText')，复制，粘贴，vue3，vue2，nuxt2，nuxt3，react，javascript，typescript，报错，document，复制后报错，用户粘贴报错，出错，浏览器控制台报错，详细教程，解决不了，还是不行，部署到线上环境就报
vue-pdf遇到 Cannot read properties of undefined (reading ‘catch‘) 解决办法
weixin_48746140的博客
05-10 1971
1.打开node_modules\vue-pdf\src\pdfjsWrapper.js。而在第二段代码中，Promise 的错误处理直接在。：在第一段代码中，Promise 的错误处理使用了。方法来捕获可能发生的错误，并调用。方法调用后使用了链式调用。
修改 vue-pdf 源码升级 pdfjs-dist 包, 以解决部分 pdf 文件显示花屏问题
最新发布
汤一飞
05-22 899
参照他的改动, 导入 vue-pdf 仓库源码到本地项目, 修改源码, 对比了下结构, 网上搜了下, 应该除了 es5 这个文件夹之外, 其他的文件名大差不差, 直接去掉 es5。试了下其他组件, 比如 pdfjs 的在线 demo, 没这个问题, vue-pdf-embed@1 (vue2 项目, 只能用 1 版本) 也有这个问题, 但至少。但发现问题: 源码引用的 pdfjs-dist 的 js 文件, 但新版只有 mjs 文件, 试了下引用 mjs 文件, 但是报错, 看着是语法错误,
【亲测免费】 vue-pdf 项目常见问题解决方案
gitblog_09649的博客
09-13 943
vue-pdf 项目常见问题解决方案 项目基础介绍 vue-pdf 是一个用于 Vue.js 的 PDF 查看器组件。它允许开发者在 Vue.js 项目中轻松地嵌入和显示 PDF 文件。该项目的主要编程语言是 JavaScript，并且它依赖于 pdf.js 库来处理 PDF 文件的渲染。 新手使用注意事项及解决方案 1. 安装依赖时出现版本冲突 问题描述: 在安装 vue-pdf 时，可能会遇到...
vue项目中使用vue-pdf报错
weixin_44416517的博客
05-16 798
vue项目中使用vue-pdf报错我得解决方法。
vue 中 pdf 预览，报错（Cannot read properties of undefined (reading ‘catch‘)）解决
平凡的人类的博客
04-21 3654
这两天接触 Vue 的项目，属实有点脑阔疼，不得不说有一点点的抓瞎，今天整理了一下思路，写一下遇到的一些问题和解决方案。
解决vue-pdf报错TypeError: Cannot read properties of undefined (reading ‘catch‘)
i_am_a_div的博客
09-29 1854
解决vue-pdf报错TypeError: Cannot read properties of undefined (reading 'catch')
vue-pdf报错Cannot read properties of undefined (reading ‘catch‘)“ found in
CCAHSC的博客
07-06 2175
直接把package.json中的 vue-pdf删除添加下面的两行代码然后重新执行npm i 重新跑一边项目就可以了。根本原因就是vue-pdf版本和vue版本不一致。再安装低版本的vue-pdf。先卸载现有的vue-pdf。
使用vue-pdf插件导致 Cannot read properties of undefined (reading ‘catch‘)解决办法
聆听
03-25 5713
通过以下路径找到pdfjsWrapper.js文件并把全部代码修改为下面的代码就解决啦！ vue_test（根目录）/node_modules/vue-pdf/src/pdfjsWrapper.js import { PDFLinkService } from 'pdfjs-dist/lib/web/pdf_link_service'; var pendingOperation = Promise.resolve(); export default function(PDFJS) { ...
vue中pdf预览，报错（Cannot read properties of undefined (reading ‘catch‘)）解决
m0_68275786的博客
11-29 5231
vue中pdf预览，报错（Cannot read properties of undefined (reading ‘catch‘)）解决
h5 vue-pdf，pdf预览，以及第二次打开空白，报错Cannot read properties of undefined (reading ‘catch‘)
皮卡丘
02-18 1076
getPDFDataOfYL接口中返回的data是base64需要前端拼接下，也可以让后端拼好直接返回给前端。
vue3 - 异步组件 defineAsyncComponent 引入使用无效（Cannot read properties of undefined(reading ‘catch‘)）详细解决方案
高级前端工程师
02-19 4063
vue3报错Cannot read properties of undefined(reading 'catch')如何解决，vue3+vite 使用defineAsyncComponent动态异步引入组件出错，vue3 vite 异步组件 defineAsyncComponent 引入报错，VUE3+vite项目中动态引入组件与异步组件的详细实例，Vue3中defineAsyncComponent异步组件使用报错，vue3 - 异步组件 defineAsyncComponent 引入使用无效（Cannot
Vue cannot read property XXX of undefined 解决方法
csdn_muxin的博客
12-06 6664
原因 这个错误的意思就是所需要的这个属性为空 / 不存在，基本上都不是属性值为空，而是这个属性不存在 那么就需要找到引用属性的位置，看看在使用属性之前是否还未定义该属性 解决方法 在引用该属性前做一个判断，如果该属性不存在就添加，然后设置一个默认值 // 判断 data 的 属性 property 是否为空 if (data.property == null) { // 若为空，添加该属性并初始化为空字符串 data.property = "" } 就像在表格中使用该属性，就可以写一个方法，当表格数据获
vue-pdf预览pdf报错Cannot read properties of undefined (reading ‘catch‘)
海阔天空
05-26 554
vue嵌入PDF预览以及报错（Cannot read properties of undefined (reading ‘catch‘)）解决
vue-pdf组件报错vue-pdf Cannot read properties of undefined (reading ‘catch‘)
qq_38866594的博客
04-20 1820
项目场景： 使用vue-pdf组件实现文件预览功能 问题描述： 给VUE-PDF 插件的src引入pdf在线地址后，报错，可能是加载太慢的原因 解决方案： 锁定依赖版本解决报错问题 npm i pdfjs-dist@2.5.207 npm i vue-pdf@4.2.0 ...
vue嵌入PDF预览以及报错（Cannot read properties of undefined (reading ‘catch‘)）解决
Lora_0925的博客
03-23 6021
项目中需要用到PDF预览，查找病尝试了很多种方法，使用了iframe，但是无法访问链接，可能是跨域问题，没有深究。使用了pdfjs,引入后模块报错，无法启动，可能是版本问题，最后选择了vue-pdf。 下载依赖： npm install --save vue-pdf 引入： import pdf from "vue-pdf"; 使用（这里使用的是带有分页的，否则只会展示一页）： components: { pdf, }, <pdf ref="pdf" :sr
vue-pdf 问题记录
weixin_42535013的博客
11-04 1798
vue-pdf 踩坑记录。。。
vue3-pdf-app报错
06-26
Vue3-PDF-App是一个基于Vue.js和PDF.js库的组件，用于在Vue应用中嵌入PDF文件。如果在使用过程中遇到错误，通常可能涉及到以下几个方面的问题： 1. **依赖安装不完整**：确保已正确安装并引入了所有必要的依赖，如vue、vue-router、pdfjs-dist等。 2. **组件导入错误**：检查是否按照文档正确导入`PdfViewer`或相关的`pdfjs/web`模块。 3. **配置问题**：确保PDF路径设置正确，如果是从服务器加载，可能需要处理跨域请求。 4. **权限问题**：某些情况下，浏览器可能会阻止加载PDF，检查是否有必要的安全策略调整。 5. **代码错误**：查看Vue实例中使用`PdfViewer`组件的地方，看是否有语法错误、数据绑定问题或者生命周期钩子执行异常。 6. **版本兼容性**：检查Vue3-PDF-App与Vue、浏览器和其他依赖的版本兼容性。 遇到具体错误时，通常会有一些详细信息，如错误类型、堆栈跟踪等，这些信息可以帮助定位问题。如果你能提供具体的错误信息，我可以给出更准确的建议。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

十一猫咪爱养鱼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值