vue-pdf
vue-pdf copied to clipboard
FranckFreiburger
Display multiple pages - Unhandled Promise Rejection: RenderingCancelledException: Rendering cancelled, page 1
Hi,
I am using the 'Example - display multiple pages of the same pdf document', and during rendering got this console errors (for all pages): "Unhandled Promise Rejection: RenderingCancelledException: Rendering cancelled, page 1" ...
vue-pdf version: 4.0.8 vue.js version: 2.6.10 webpack version: 4.0.0 browser version: Chrome 80.0.3987.132 OS version: 10.14.6
I tried to use @error listener, but could not catch any error in
Any idea how can handle this?
Thanks a lot
Facing the exact same issue. @hormiklos - let me know if you've found a workaround, thanks!
Sort of... I am using a different library, which seems ok, at least without this issue :)
Same issue but only in mobile screen resolution. If I open pdf in the browser with the normal resolution it's just fine but when I move to mobile resolutions supported in the chrome dev tool and then open the pdf, it starts showing this errors in the console
I tried to catch the exception after call to pdfRender.cancel() in the method renderPage in file pdfjsWrapper.js and that stopped the error logs. I think vue-pdf team should introduce this kind of catch clause at appropriate place.
To verify, I inserted the following line:
pdfRender.promise.catch(err => console.log(err));
After https://github.com/FranckFreiburger/vue-pdf/blob/master/src/pdfjsWrapper.js#L193
Getting same issue. Sometimes I get blank pages without content. Has anyone figured out a workaround for this? @hormiklos what library are you using?
me too :-( looks like its stuck in a loop throwing same exception over and over
Anyone have a work around?
I've found a workaround which is to use a paging control to turn the page instead of rendering all pages in a with " v-for="i in numPages"
It's not an ideal solution as I would prefer to scroll but it will suffice whilst waiting on a fix. The pagination control is from bootstrap-vue
<h3>page count is {{ numPages }}</h3>
<b-pagination
v-model="currentPage"
:total-rows="numPages"
:per-page="1"
aria-controls="pdf"
></b-pagination>
<div class="vertScroll">
<pdf
:page="currentPage"
:src="pdfsrc"
></pdf>
</div>
Also hoping for a fix for this. This issue also affects usability even if the pdf eventually loads.
The code that I had that lead to this issue
<pdf
v-for="i in numPages"
:key="i"
:src="src"
:page="i"
></pdf>
...
<script>
...
created() {
this.src = pdf.createLoadingTask('./Brochure.pdf')
},
mounted() {
this.src.promise.then(pdf => {
this.numPages = pdf.numPages;
});
},
...
</script>
I'm also experiencing this issue.
Similar to above BrettBailey's workaround solution. I've written a workaround pagination solution with Vuetify
<pdf :src="src" :page="page"></pdf>
<div class="sticky">
<div style="height: 60px; background-color: #fff">
<v-pagination v-model="page" :length="this.numPages" :total-visible="paginationVisible"></v-pagination>
</div>
</div>
get paginationVisible() {
return this.numPages >= 6 ? 6 : this.numPages;
}
Same issue here, any updates? FYI: we fixed it as well by moving to pdf-vuer.
Same error for me. The problem comes from "pdfRender.cancel()" in the renderPage method.
me too
