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

最新推荐文章于 2024-09-27 16:07:10 发布
最新推荐文章于 2024-09-27 16:07:10 发布
阅读量2.2k 收藏 4
点赞数 8
分类专栏： 前端组件与功能(开箱即用) 文章标签： 在vue项目预览pdf文档报错 vue-pdf预览PDF插件 vue2.js vue3.js nuxt.js 详细解决vue-pdf报错 就算换了vue-pdf版本还报
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/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%完美解决。

在这里插入图片描述

解决教程

首先来分析排查下，

了解本专栏 订阅专栏 解锁全文
街尾杂货店&
关注
专栏目录
订阅专栏
vue2/3 - 解决使用vue-pdf插件分页预览，第一次打开正常显示，第二次打开后空白什么也不显示怎么办？解决vue项目利用vue-pdf显示预览时首次打开没问题，但二次打开就会出现不加载或报错！
高级前端工程师
07-30 2084
vue2，vue3，vue-pdf，报错，第二次打开空白，第一次打开没事，vue-pdf使用+分页预览+第一查看正常，第二次查看空白解决方案，pdf预览空白问题解决。第一次预览正常，再重新打开就空白的问题。无法预览，或者预览出现空白页，h5 vue-pdf,pdf预览,以及第二次打开空白，Cannot read properties of undefined (reading 'catch')，vue-pdf 第一次进入可以,第二次为空白，pdf预览空白问题解决。第一次预览正常,再重新打开就空白的问题，CM
Vue3 - 详解报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘writeText‘)，vuejs剪贴板出错
王佳斌
07-10 3524
剪贴板报错，navigator.clipboard，writeText，突然就报错了，浏览器禁用了非安全域的navigator.clipboard对象，解决报错，Cannot read properties of undefined (reading 'writeText')，复制，粘贴，vue3，vue2，nuxt2，nuxt3，react，javascript，typescript，报错，document，复制后报错，用户粘贴报错，出错，浏览器控制台报错，详细教程，解决不了，还是不行，部署到线上环境就报
vue-pdf遇到 Cannot read properties of undefined (reading ‘catch‘) 解决办法
weixin_48746140的博客
05-10 1409
1.打开node_modules\vue-pdf\src\pdfjsWrapper.js。而在第二段代码中，Promise 的错误处理直接在。：在第一段代码中，Promise 的错误处理使用了。方法来捕获可能发生的错误，并调用。方法调用后使用了链式调用。
解决vue-pdf报错TypeError: Cannot read properties of undefined (reading ‘catch‘)
i_am_a_div的博客
09-29 1598
解决vue-pdf报错TypeError: Cannot read properties of undefined (reading 'catch')
vue使用pdfjs进行pdf预览时 发布后无法预览并报错Failed to load module script
最新发布
zgx200318的博客
09-27 292
本地正常使用测试生产环境会无法预览并报错Failed to load module script。
vue-pdf报错Cannot read properties of undefined (reading ‘catch‘)“ found in
CCAHSC的博客
07-06 2027
直接把package.json中的 vue-pdf删除添加下面的两行代码然后重新执行npm i 重新跑一边项目就可以了。根本原因就是vue-pdf版本和vue版本不一致。再安装低版本的vue-pdf。先卸载现有的vue-pdf。
vue 中 pdf 预览，报错（Cannot read properties of undefined (reading ‘catch‘)）解决
平凡的人类的博客
04-21 3311
这两天接触 Vue 的项目，属实有点脑阔疼，不得不说有一点点的抓瞎，今天整理了一下思路，写一下遇到的一些问题和解决方案。
vue中pdf预览，报错（Cannot read properties of undefined (reading ‘catch‘)）解决
m0_68275786的博客
11-29 4990
vue中pdf预览，报错（Cannot read properties of undefined (reading ‘catch‘)）解决
使用vue-pdf插件导致 Cannot read properties of undefined (reading ‘catch‘)解决办法
聆听
03-25 5480
通过以下路径找到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预览pdf报错Cannot read properties of undefined (reading ‘catch‘)
海阔天空
05-26 435
vue嵌入PDF预览以及报错（Cannot read properties of undefined (reading ‘catch‘)）解决
h5 vue-pdf，pdf预览，以及第二次打开空白，报错Cannot read properties of undefined (reading ‘catch‘)
皮卡丘
02-18 727
getPDFDataOfYL接口中返回的data是base64需要前端拼接下，也可以让后端拼好直接返回给前端。
vue3 - 异步组件 defineAsyncComponent 引入使用无效（Cannot read properties of undefined(reading ‘catch‘)）详细解决方案
高级前端工程师
02-19 3594
vue3报错Cannot read properties of undefined(reading 'catch')如何解决，vue3+vite 使用defineAsyncComponent动态异步引入组件出错，vue3 vite 异步组件 defineAsyncComponent 引入报错，VUE3+vite项目中动态引入组件与异步组件的详细实例，Vue3中defineAsyncComponent异步组件使用报错，vue3 - 异步组件 defineAsyncComponent 引入使用无效（Cannot
vue-pdf组件报错vue-pdf Cannot read properties of undefined (reading ‘catch‘)
qq_38866594的博客
04-20 1746
项目场景： 使用vue-pdf组件实现文件预览功能 问题描述： 给VUE-PDF 插件的src引入pdf在线地址后，报错，可能是加载太慢的原因 解决方案： 锁定依赖版本解决报错问题 npm i pdfjs-dist@2.5.207 npm i vue-pdf@4.2.0 ...
Vue-pdf报错pdfRender.cancel().catch
C201008的专栏
08-29 1652
vue-pdf
vue项目中使用vue-pdf报错
weixin_44416517的博客
05-16 670
vue项目中使用vue-pdf报错我得解决方法。
vue-pdf TypeError: pdfRender.cancel() is undefined
经验之谈，不做搬运工
05-24 554
分析原因：可能是pdf元素没有设定宽度。解决方案：给pdf元素设定宽度。
Vue cannot read property XXX of undefined 解决方法
csdn_muxin的博客
12-06 6527
原因 这个错误的意思就是所需要的这个属性为空 / 不存在，基本上都不是属性值为空，而是这个属性不存在 那么就需要找到引用属性的位置，看看在使用属性之前是否还未定义该属性 解决方法 在引用该属性前做一个判断，如果该属性不存在就添加，然后设置一个默认值 // 判断 data 的 属性 property 是否为空 if (data.property == null) { // 若为空，添加该属性并初始化为空字符串 data.property = "" } 就像在表格中使用该属性，就可以写一个方法，当表格数据获
使用vue-pdf出现的卡顿，空白，报错，浏览器崩溃解决办法
CHENC0518的博客
08-31 5937
3.找到问题后，我前往github这个插件的仓库查看，在issue中发现早在三年前已经有小伙伴发现了这个bug，但是直到今天，作者大大也没有解决。6.于是我换了一个思路，将div覆盖iframe，然后透明不就可以了吗，但是发现覆盖之后，页面无法滑动，此方案又被pass。8.切记使用v-for循环，不然对于大的pdf文件，还是会很卡，很影响用户体验，但至少不会崩掉。标记了iframe的src属性，去掉了头部的下载按钮，但是紧接着发现，鼠标右键也能调出。10.通过方法获取总页数。
vue中如何使用vue-pdf及相应报错解决
热门推荐
m0_55969466的博客
07-28 1万+
使用vue-pdf组件实现文件预览功能 并在文件上增加操作按钮 vue3不支持vue-pdf，vue3项目用pdfjs-dist
vue-router报错 Cannot read properties of undefined (reading 'push')
12-21
根据你提供的引用内容，出现错误"Cannot read properties of undefined (reading 'push')"通常是因为在使用vue-router时，没有正确引入和注册router或者在使用router的地方出现了未定义的变量或空对象。 以下是一些可能的解决方法： 1. 确保在main.js中正确引入和注册router。请检查main.js文件中的代码，确保引入和注册的是router而不是routes。示例代码如下： ```javascript import { createApp } from 'vue' import App from './App.vue' import router from './router' // 确保引入的是router createApp(App).use(router).mount('#app') ``` 2. 检查使用router的地方是否存在未定义的变量或空对象。请检查使用router的组件或页面，确保在使用router的地方没有出现未定义的变量或空对象。可以使用条件语句或try-catch语句来处理可能为空的情况。示例代码如下： ```javascript // 使用条件语句处理可能为空的情况 if (router && router.push) { router.push('/home') } // 使用try-catch语句处理可能为空的情况 try { router.push('/home') } catch (error) { console.error(error) } ``` 请注意，以上解决方法仅供参考，具体解决方法可能因具体情况而异。如果问题仍然存在，请提供更多的代码和错误信息以便更好地帮助你解决问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

街尾杂货店&

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

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

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

打赏作者

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

抵扣说明：

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

余额充值