vue-pdf 问题记录

插件版本

4.3.0

问题1：Cannot read properties of undefined

“TypeError: Cannot read properties of undefined (reading ‘catch’)”
亦或是
“TypeError: undefined is not an Object (evaluating ‘pdfRender.camcel().catch’)”

• 插件源码中pdfjsWrapper.js

// 原代码
pdfRender.cancel().catch(function(err) {
	emitEvent('error', err);
});

// 修改为
pdfRender.cancel();
pdfRender.promise.catch(function(err) {
	emitEvent('error', err);
});

问题2：部分机型中打开pdf直接是白屏

可以看一下这个issue：当我将画布宽度/高度从下一行的100%更改为50%时，PDF在所有设备的横向模式下都表现良好，因此这主要是因为画布最大尺寸的问题

• 可以试着修改一下pdf组件的宽度不为100%

问题3：在pdf跟上一页之间反复切换之后(或者可以说是当pdf没有完全渲染时返回上一页)出现白屏问题

• 可以试着将vue-pdf插件中componentFactory.js文件的destroy函数的内容注释掉
• 或者把pdf页缓存起来就不会有这个问题了

componentFactory.js

// doc: destroyed hook is not called during server-side rendering.
destroyed: function() {
	// this.pdf.destroy();
}