搜索
您的当前位置:首页正文

关于vue-pdf插件ios端打包白屏(hbuilderx打包)

来源:易榕旅网

这段时间公司做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>

重新打包运行就可以了。
上面就是我所遇见的问题,有错请各位指出,大家一起探讨,谢谢,感觉有用的可以给个赞和收藏。。。。。

因篇幅问题不能全部显示,请点此查看更多更全内容

Top