这段时间公司做pdf在线预览,用vue-pdf插件做了一个,在打包手机测试的时候遇到ios移动端打包白屏(android和pc端正常),开始认为是swpier插件问题,经过测试是veu-pdf插件的问题,现在vue-pdf打包会多出一个xxxxx.worker.js结尾的包。
vue-pdf插件使用方法:
本地运行报错如下:
<style src="./annotationLayer.css"></style>
<script>
import componentFactory from './componentFactory.js'
if ( process.env.VUE_ENV !== 'server' ) {
var pdfjsWrapper = require('./pdfjsWrapper.js').default;
var PDFJS = require('pdfjs-dist/es5/build/pdf.js');
//注释掉这段判断代码即可
// if ( typeof window !== 'undefined' && 'Worker' in window && navigator.appVersion.indexOf('MSIE 10') === -1 ) {
// var PdfjsWorker = require('worker-loader!pdfjs-dist/es5/build/pdf.worker.js');
// PDFJS.GlobalWorkerOptions.workerPort = new PdfjsWorker();
// }
var component = componentFactory(pdfjsWrapper(PDFJS));
} else {
var component = componentFactory({});
}
export default component;
</script>
重新打包运行就可以了。
上面就是我所遇见的问题,有错请各位指出,大家一起探讨,谢谢,感觉有用的可以给个赞和收藏。。。。。
因篇幅问题不能全部显示,请点此查看更多更全内容