解决vue-pdf报错TypeError: Cannot read properties of undefined (reading ‘catch‘)

最新推荐文章于 2025-10-31 23:58:24 发布
最新推荐文章于 2025-10-31 23:58:24 发布 · 1.9k 阅读 · 5
文章标签：

#vue-pdf

此篇博客介绍了在使用vue-pdf插件遇到错误时，如何定位问题并通过注释关键代码片段来临时解决问题的方法，适合前端开发者解决PDF相关问题。

使用vue-pdf插件后，报错
在这里插入图片描述

解决方法：找到node_modules/vue-pdf/src/pdfjsWrapper.js文件，注释掉下面的代码
在这里插入图片描述

vue2/3 - vue-pdf报错Cannot read properties of undefined (reading ‘catch‘)详细解决方案，可能正常预览没有问题但就是报错(预览pdf)
高级前端工程师
07-30 3341
vue2，vue3，vue-pdf，预览，报错，预览pdf出现错误，TypeError: Cannot read properties of undefined (reading ‘catch‘)，换了vue-pdf版本依旧报错，还是会有这个错，不影响使用，虽然报错但还是能打开pdf文档，vue中pdf 预览报错，详细解决方案，原因导致出现的这个问题，给他规定指定的版本就可以解决这个问题，vue-pdf报错Cannot read properties，使用vue-pdf插件导致 Cannot，vue-pdf
报错Cannot read properties of undefined (reading ‘catch‘)
2401_89806660的博客
07-05 439
在 node_modules 里找到 vue-pdf 文件夹，打开 pdfjsWrapper.js 文件，修改大约第 190 行代码。
vue 中 pdf 预览，报错（Cannot read properties of undefined (reading ‘catch‘)）解决
平凡的人类的博客
04-21 3817
这两天接触 Vue 的项目，属实有点脑阔疼，不得不说有一点点的抓瞎，今天整理了一下思路，写一下遇到的一些问题和解决方案。
vue-pdf遇到 Cannot read properties of undefined (reading ‘catch‘) 解决办法
weixin_48746140的博客
05-10 2122
1.打开node_modules\vue-pdf\src\pdfjsWrapper.js。而在第二段代码中，Promise 的错误处理直接在。：在第一段代码中，Promise 的错误处理使用了。方法来捕获可能发生的错误，并调用。方法调用后使用了链式调用。
vue-pdf报错Cannot read properties of undefined (reading ‘catch‘)“ found in
CCAHSC的博客
07-06 2232
直接把package.json中的 vue-pdf删除添加下面的两行代码然后重新执行npm i 重新跑一边项目就可以了。根本原因就是vue-pdf版本和vue版本不一致。再安装低版本的vue-pdf。先卸载现有的vue-pdf。
vue-pdf预览pdf报错Cannot read properties of undefined (reading ‘catch‘)
海阔天空
05-26 643
vue嵌入PDF预览以及报错（Cannot read properties of undefined (reading ‘catch‘)）解决
Vue3 - 详解报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘writeText‘)，vuejs剪贴板出错
🏆 前端领域优质创作者
07-10 4960
剪贴板报错，navigator.clipboard，writeText，突然就报错了，浏览器禁用了非安全域的navigator.clipboard对象，解决报错，Cannotreadpropertiesofundefined(reading'writeText')，复制，粘贴，vue3，vue2，nuxt2，nuxt3，react，javascript，typescript，报错，document，复制后报错，用户粘贴报错，出错，浏览器控制台报错，详细教程，解决不了，还是不行，部署到线上环境就报
出现 TypeError: Cannot read properties of undefined (reading ‘then‘) 解决方法
码农研究僧的博客
03-05 4898
出现 TypeError: Cannot read properties of undefined (reading 'then') 解决方法
vue3：Cannot read properties of undefined (reading ‘version‘) vue3项目启动编译运行提示错误，执行npm run终端错误详细排查解决方案
最新发布
高级前端工程师
10-31 3383
TypeError: Cannot read properties of undefined (reading ‘version‘)，无法读取未定义的属性（读取“version”）vue3项目启动报错，执行npm run serve后报错，VUE3启动执行npm run dev出现报错，详细解决此问题，Vue3 运行报错，关于启动项目时的报错，【vue3项目】解决 “TypeError: Cannot read properties of undefined (reading ‘xxx‘)“。前端错误 “T
TypeError: Cannot read properties of undefined (reading ‘XXX‘)，说说javaScript中的this、that和箭头函数
l_q_l的专栏
09-06 783
为了避免this指向来回飘的问题，尽量使用箭头函数，而非普通匿名函数吧。
使用vue-pdf插件导致 Cannot read properties of undefined (reading ‘catch‘)解决办法
聆听
03-25 5793
通过以下路径找到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 5342
vue中pdf预览，报错（Cannot read properties of undefined (reading ‘catch‘)）解决
vue-pdf组件报错vue-pdf Cannot read properties of undefined (reading ‘catch‘)
summer_gf的博客
02-22 8534
项目场景： 使用vue-pdf组件实现文件预览功能 问题描述： 安装依赖后报错vue-pdf Cannot read properties of undefined (reading 'catch') TypeError: Cannot read properties of undefined (reading 'catch') at PDFJSWrapper.renderPage (pdfjsWrapper.js?a068:196) at VueComponent.resize (co
TypeError:Cannot read properties of undefined (reading‘...‘)
热门推荐
qq_57057576的博客
08-13 10万+
若a为undefined，则会报错，若，a为空，则，a.name为undefined。原因可能是，挂载时，有dom节点，但是数据还未返回。例： a.name a的name属性。不能够读取undefined的属性。
vue-pdf 预览乱码问题
MyCloisonne的博客
08-30 1835
解决方法： 1、找到安装的依赖文件夹vue-pdf，把node_modules > vue-pdf > src > pdfjsWrapper.js替换为以下文件内容: import { PDFLinkService } from 'pdfjs-dist/es5/web/pdf_viewer'; var pendingOperation = Promise.resolve(); export default function(PDFJS) { function isPDF
vue嵌入PDF预览以及报错（Cannot read properties of undefined (reading ‘catch‘)）解决
Lora_0925的博客
03-23 6305
项目中需要用到PDF预览，查找病尝试了很多种方法，使用了iframe，但是无法访问链接，可能是跨域问题，没有深究。使用了pdfjs,引入后模块报错，无法启动，可能是版本问题，最后选择了vue-pdf。 下载依赖： npm install --save vue-pdf 引入： import pdf from "vue-pdf"; 使用（这里使用的是带有分页的，否则只会展示一页）： components: { pdf, }, <pdf ref="pdf" :sr
Uncaught TypeError: Cannot read properties of undefined这个报错如何解决！
tianxianghuiwei的博客
04-09 1万+
这个错误意味着您的代码尝试访问一个未定义的变量或对象的属性。在这种情况下，代码尝试读取一个名为'title'的属性，但该属性所属的对象是未定义的，因此引发了这个错误。
使用vue-pdf出现的卡顿，空白，报错，浏览器崩溃解决办法
CHENC0518的博客
08-31 7421
3.找到问题后，我前往github这个插件的仓库查看，在issue中发现早在三年前已经有小伙伴发现了这个bug，但是直到今天，作者大大也没有解决。6.于是我换了一个思路，将div覆盖iframe，然后透明不就可以了吗，但是发现覆盖之后，页面无法滑动，此方案又被pass。8.切记使用v-for循环，不然对于大的pdf文件，还是会很卡，很影响用户体验，但至少不会崩掉。标记了iframe的src属性，去掉了头部的下载按钮，但是紧接着发现，鼠标右键也能调出。10.通过方法获取总页数。
Vue cannot read property XXX of undefined 解决方法
csdn_muxin的博客
12-06 6725
原因 这个错误的意思就是所需要的这个属性为空 / 不存在，基本上都不是属性值为空，而是这个属性不存在 那么就需要找到引用属性的位置，看看在使用属性之前是否还未定义该属性 解决方法 在引用该属性前做一个判断，如果该属性不存在就添加，然后设置一个默认值 // 判断 data 的 属性 property 是否为空 if (data.property == null) { // 若为空，添加该属性并初始化为空字符串 data.property = "" } 就像在表格中使用该属性，就可以写一个方法，当表格数据获
依旧报错TypeError: Cannot read properties of undefined (reading 'catch')
08-18
抱歉再次给你带来困扰。在 Nuxt.js 中，`this.$router.push` 方法返回的是一个 Promise 对象，因此它可以使用 `catch` 方法来处理错误。如果你遇到了 "TypeError: Cannot read properties of undefined (reading 'catch')" 错误，可能是因为 `$router` 对象未正确注入。 请确保你的组件中正确引入和使用了 Nuxt.js 的 `vue-router` 插件。你可以在 Nuxt.js 的 `nuxt.config.js` 文件中配置 `router: { ... }` 来启用 Vue Router，或者使用默认的 Nuxt.js 配置。 另外，如果你想在跳转后刷新页面，可以尝试以下代码： ```javascript this.$router.push('/your-path') .then(() => { window.location.reload(); }) .catch(error => { console.error(error); }); ``` 这样，在跳转成功后会执行 `then` 方法中的回调函数来刷新页面。如果出现错误，将会捕获并在 `catch` 方法中进行处理。 如果问题仍然存在，请提供更多的代码和错误信息，以便我们更好地理解和解决问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值