vue-pdf icon indicating copy to clipboard operation
vue-pdf copied to clipboard

vue-pdf不能兼容vite吗 报错require is not defined

Open stanwu-1 opened this issue 2 years ago • 6 comments

stanwu-1 avatar Apr 20 '22 10:04 stanwu-1

same issue:

vue-router.esm-bundler.js:3302 ReferenceError: require is not defined
    at vuePdfNoSss.vue:8:22

looks broken @ this require:

if ( process.env.VUE_ENV !== 'server' ) {

		var pdfjsWrapper = require('./pdfjsWrapper.js').default;
		var PDFJS = require('pdfjs-dist/es5/build/pdf.js');

sam0817 avatar May 09 '22 01:05 sam0817

https://www.npmjs.com/package/dy-vite-vue-pdf 这个可以用,兼容了vite打包

meiqiangyu avatar Nov 24 '22 03:11 meiqiangyu

遇见了同样的错误, vue3, vite3

chenweigh avatar Feb 22 '23 06:02 chenweigh

vue3+vite 推荐使用:https://github.com/hrynko/vue-pdf-embed 亲测好使 使用方式:

import VuePdfEmbed from 'vue-pdf-embed'
//vite中本地pdf文件,不需要 loader,直接import即可使用。
//vue-pdf-embed 也支持远端pdf
import testPdf from './1.pdf'
import { reactive } from 'vue'
const state = reactive({ pdf: testPdf })
<template>
<vue-pdf-embed :source="state.pdf" />
</template>

chenweigh avatar Feb 23 '23 02:02 chenweigh

vue3+vite 推荐使用:https://github.com/hrynko/vue-pdf-embed 亲测好使 使用方式:

import VuePdfEmbed from 'vue-pdf-embed'
//vite中本地pdf文件,不需要 loader,直接import即可使用。
//vue-pdf-embed 也支持远端pdf
import testPdf from './1.pdf'
import { reactive } from 'vue'
const state = reactive({ pdf: testPdf })
<template>
<vue-pdf-embed :source="state.pdf" />
</template>

看起来可以使用

yang1978u avatar May 06 '24 08:05 yang1978u