首先,你需要在Vue 3项目中安装pdfjs-dist库。可以使用npm或yarn进行安装: bash npm install pdfjs-dist 或者 bash yarn add pdfjs-dist 2. 配置pdfjs-dist的Worker文件 pdfjs-dist需要一个worker文件来处理PDF文件的解析和渲染。你需要将pdf.worker.js文件放在项目的公共目录中,并在代码中正确配置其路径。
一款React框架开发的pdf阅读器组件,如果您使用的是Vue2,可以查看[Vue2PDF阅读器组件地址](https://www.npmjs.com/package/@pdf-viewer-yee/pdf-viewer-vue2),如果您使用的是Vue3,可以查看[Vue3PDF阅读器组件地址](https://www.npmjs.com/package/@pdf-viewer-yee/pdf-viewer-vue3) ...
import*aspdfjsLibfrom'pdfjs-dist'import*aspdfjsWorkerfrom'pdfjs-dist/build/pdf.worker.mjs'(windowasany).pdfjsWorker= pdfjsWorker 报错3: 找不到模块“pdfjs-dist/build/pdf.worker.mjs”或其相应的类型声明。ts(2307) 原因:如果是模块式,引入 pdfjsWorker 需要申明模块 解决方案:创建模块声明文件 并...
AnnotationLayer.vue usePDF.ts vite.playground.ts package-lock.json +6-6Lines changed: 6 additions & 6 deletions Some generated files are not rendered by default. Learn more aboutcustomizing how changed files appear on GitHub. package.json ...
PDF embed component for Vue 2 and Vue 3. Contribute to hrynko/vue-pdf-embed development by creating an account on GitHub.
起因:公司新项目,使用Vue3 + Ts + Vite开发,老项目(Vue2 )中写过一个业务组件用到了pdfjs-dist,新项目中直接拿来用。然后惨案就发生了。。。 经过: 最开始迁过来的时候,各种报错,然后就参考这位大佬的教程→Vue3+Vite+Ts使用pdfjs-dist。参考过后,将pdfjs-dist版本固定到了2.11.338。
import entry from "pdfjs-dist/build/pdf.worker.entry"; // 引入时会报红线错误,不影响运行, 或在index.d.ts中声明declare import { useHooks } from "lh-hooks"; // onMounted const data = reactive<any>({ pdfPath: "/static/test.pdf", //本地PDF文件路径放在/public中 ...