vue-pdf 4.0.6 library not work properly with vuejs version 2.

I followed your examples and successfully run in local environment except production and development server. I’m not able to preview of pdf file on those servers.

I tried two ways to preview pdf files and as listed below. First, this.imageFileURL = URL.createObjectURL(imageFileObject) and second this.imageFileURL = pdf.createLoadingTask(URL.createObjectURL(imageFileObject)). here, imageFileObject variable provide file object from input method of javascript.

In addition, I would like to add how I imported library and register component. how I import is, import pdf from 'vue-pdf' then register component like, pdf: pdf,

• Machine and library details:
  • vue-pdf 4.0.6
  • vue.js 2.3.3
  • webpack 2.6.1
  • browser chrome 70.0.3538.110
  • AWS EBS
  • Python 2.7 with Django 1.8

[ghost]

Not sure if this would solve, but I encountered a similar problem elsewhere with web workers, which are used by the core layer of the underlying PDF.js library.

Assuming you’re using webpack, loading worker files requires:

• installing worker-loader as a project dependancy
• setting up a vue.config.js file in the root folder with the following code to make sure the loader bundles the worker files correctly:

module.exports = {
	configureWebpack: { 
		output: { 
			globalObject: 'this', 
		}, 
	},
}

[deepenpatel19]

@jpbferreira Thanks for information.

I tried to find #.worker.js. but, no luck. I found something like var PdfjsWorker = require('worker-loader!pdfjs-dist/build/pdf.worker.js'); under vuePdfNoSss.vue and vuePdfSss.vue. Could you give me more information for how you managed?