vue+vite中直接打开pdf文件(插件pdfjs-dist)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue+vite中直接打开pdf文件(插件pdfjs-dist)相关的知识,希望对你有一定的参考价值。

参考技术A 参考博客: https://www.52pojie.cn/thread-1391808-1-1.html

找到node-modules>pdfjs-dist>es5文件夹和node-modules>pdfjs-dist里面的cmaps文件夹整个复制到
plugins>pdf(新建pdf文件夹,把那三个小文件夹复制到这里,一个都不能少!!!!!!)

第一:印章不显示:

第二: 查看一下是不是某些文件是不是没有引入,文件路径是否正确

效果展示:

vue3 + vite 调试时断点位置错误

vite-plugin-vue-setup-extend(版本0.4.0) 插件的问题,删掉就好了。

该插件用于解决script setup语法糖下,不方便直接指定name名称的问题。

在 vite/plugins/index.js 文件中 注释

export default function createVitePlugins(viteEnv, isBuild = false) 
    const vitePlugins = [vue()]
    vitePlugins.push(createAutoImport())
	// vitePlugins.push(createSetupExtend())
    vitePlugins.push(createSvgIcon(isBuild))
	isBuild && vitePlugins.push(...createCompression(viteEnv))
    return vitePlugins

以上是关于vue+vite中直接打开pdf文件(插件pdfjs-dist)的主要内容,如果未能解决你的问题,请参考以下文章

vue3 + vite 调试时断点位置错误

vue整合pdfjs,实现pdf文件预览

vite下部分插件使用

Vite中使用Ant Design Vue3.x框架

vite + vue3 添加 typescript

移动端pdf预览