vue-pdf 报错 RenderingCancelledException：Rendering cancelled, page 1

最新推荐文章于 2024-04-12 11:22:37 发布
最新推荐文章于 2024-04-12 11:22:37 发布
阅读量811 收藏
点赞数
文章标签： pdf Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/IlikeInTheSun/article/details/128950709
版权
在使用vue-pdf组件处理通过二进制文件流转换的PDF时，遇到一个问题，即当尝试同时加载多张图片时会引发错误。为了解决这个问题，作者发现了一个巧妙的方法——添加延迟。通过在图片加载过程中加入延时，可以避免报错，成功实现多图片加载。
摘要由CSDN通过智能技术生成

vue-pdf通过二进制文件流转换的pdf不能同时加载多张图片，会报错，取个巧，加个延时问题解决，话不多说上代码

vue2/3 - vue-pdf报错Cannot read properties of undefined (reading ‘catch‘)详细解决方案，可能正常预览没有问题但就是报错(预览pdf)
高级前端工程师
07-30 2150
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
electron-vue - 打包报错UnhandledPromiseRejectionWarning: ReferenceError: Multispinner is not defined完美解决
最新发布
高级前端工程师
06-27 1484
electron，vue，vue2，vue3，electron-vue打包报错，打包报错，electron Vue如何解决打包报错，npm run build，打包失败怎么办，electron打包，UnhandledPromiseRejectionWarning: ReferenceError: Multispinner is not defined，安装了multispinner模块还是不行，multispinner，安装这个包还是报错，无法解决这个问题，at build，Unresolved node
vue加载pdf
海阔天空
06-07 834
vue加载pdf，Rendering cancelled
vue-pdf多页预览异常，Rendering cancelled, page 1 Error at BaseExceptionClosure xxx
qq_21480329的博客
10-18 2859
vue-pdf多页预览异常，Rendering cancelled, page 1 Error at BaseExceptionClosure xxx
vue-pdf预览报错RenderingCancelledException：Rendering cancelled, page
followly的博客
04-11 2132
浏览了很多资料，这个其实是vue-pdf的bug，也看一个博主推荐git上大家讨论的。后面尝试了来个偷天换日，给个定时器解决了！但是没有实质性的解决方案！
Vue-pdf报错pdfRender.cancel().catch
C201008的专栏
08-29 1632
vue-pdf
vue-router报错Error: Navigation cancelled from “/course“ to “/user“ with a new navigation.
weixin_47597807的博客
06-27 1948
出现这个错误是因为在你的vue-router全局导航守卫中出现了页面跳转到了一个页面之后又重定向到了另一个界面 举个小例子： router.beforeEach((to,from,next)=>{ if(to.matched.some(record => record.meta.requiresAuth)){ if(!store.state.user){ //跳转到登陆页面 next({ name:'login', query:
关于vue-resource报错450的解决方案
08-29
关于vue-resource报错450的解决方案 标题解释 本篇文章主要介绍了关于vue-resource报错450的解决方案。Vue-resource是一个基于Vue.js的HTTP请求库，用于处理AJAX请求。报错450是指在使用vue-resource时出现的...
vue2/3 - 解决报错 error:0308010C:digital envelope routines::unsupported（vue项目运行run或打包build时浏览器控制台报错，详细解决
高级前端工程师
04-12 2836
vue，vue2，vue3，node.js，error:0308010C:digital envelope routines::unsupported，vue错误代码0308010C，浏览器控制台报错，如何解决vue报错，vue报错digital envelope routines::unsupported，node报错如何解决，npm run dev，npm run build，运行报错，打包报错，vue前端，无法解决怎么办，更换了版本也不行怎么办，换了node版本也不行咋办，在vue2、vue3项目中，
vue-pdf TypeError: pdfRender.cancel() is undefined
经验之谈，不做搬运工
05-24 544
分析原因：可能是pdf元素没有设定宽度。解决方案：给pdf元素设定宽度。
vue-pdf-signature在加载pdf，浏览器放大缩小报错RenderingCancelledException：Rendering cancelled的解决办法
gongdongxiang的博客
03-02 903
同时，我也发现，这个错误是在放大或者缩小到特定比例下才会触发这个bug，换成不同的pdf,加载又没有这个bug,这个就可能是，觉得这个bug可能是和样式有关。项目中使用了vue-pdf-signature组件一直没发现什么问题，突然用户反馈，在浏览器放大或者缩小的时候，pdf预览加载不出来。猜测：这个可能是这个高度auto在加载中影响了pdf组件，具体机制没有时间详细研究，先记下来，后面有时间再详细研究。可能问题就出在这，我把pdf的高度修改为具体值，问题解决。我找到了一个文章提到可能是和pdf高度有关。
使用vue-pdf出现的卡顿，空白，报错，浏览器崩溃解决办法
CHENC0518的博客
08-31 5842
3.找到问题后，我前往github这个插件的仓库查看，在issue中发现早在三年前已经有小伙伴发现了这个bug，但是直到今天，作者大大也没有解决。6.于是我换了一个思路，将div覆盖iframe，然后透明不就可以了吗，但是发现覆盖之后，页面无法滑动，此方案又被pass。8.切记使用v-for循环，不然对于大的pdf文件，还是会很卡，很影响用户体验，但至少不会崩掉。标记了iframe的src属性，去掉了头部的下载按钮，但是紧接着发现，鼠标右键也能调出。10.通过方法获取总页数。
vue-pdf插件不翻页预览
lff980111的博客
07-25 1637
<pdf v-for=“i in numPages” :key=“i” :page=“i” :src=“pdfUrl” style=“width: 100%; height: auto;” @num-pages=“pageCount=$event”> </pdf> data() { return { pageCount:0, src:’’,//文件路径 numPages:0, } }, mounted(){ this.loadPdfHandler() }, methods: { a
vue-pdf 预览乱码问题
MyCloisonne的博客
08-30 1725
解决方法： 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文档流数据并实现PDF的预览以及打印功能以及处理PDF打印乱码问题
热门推荐
cabinx的博客
07-01 1万+
VUE项目处理PDF文档流数据并实现PDF的预览以及打印功能(处理PDF打印乱码问题) 1.业务需求： vue项目需要对后端返回的PDF文档流数据进行处理，在前端实现处理后的PDF文件的预览以及打印功能，最后再处理PDF页面打印乱码问题。 2.需求分析： 首先由于后端返回的是文档流数据，所以第一步要将文档流数据转换为正确的PDF格式的数据，第二步是要将转化的PDF数据在页面上进行预览（这里我使用的是vue-pdf插件），最后是要在预览的PDF页面上添加打印按钮以及实现打印功能（PDF打印功能vue-p
vue-pdf在线预览pdf文件及遇到的问题
dxalh的博客
08-17 4411
vue-pdf在线预览pdf文件 安装vue-pdf cnpm i -D vue-pdf // 在页面中使用（.vue） <pdf :src="srcPdf"/> js处理逻辑 <script> import pdf from 'vue-pdf' // 引入插件 components: { pdf }, data() { return { pdfsrc: '', // pdf文件地址 }; } };
vue-pdf的使用及常见问题修复
Coco_998的博客
11-10 2834
通过子组件定义清空数据的方法,在父组件关闭子组件弹窗前调用,让子组件重新刷新页面,重新渲染.//很重要,父组件关闭前,清空子组件的值,不然第二次预览打开空白。2.将vue-pdf封装为一个组件。html部分:先引入注册,在使用。
import pdf from vue-pdf报错
08-27
当使用"import pdf from 'vue-pdf'"时报错的原因可能是因为你没有正确地安装和配置vue-pdf库。请按照以下步骤检查和解决问题： 1. 确保你已经在项目根目录下执行了以下安装命令： ``` npm i pdfjs-dist@2.5.207 -...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值