2. 将 vue-pdf 这个 依赖 降级 ,因为 vue-pdf 里面 的 package.json 依赖 了 pdfjs-dist ,所以 直接 在项目 里 yarn add pdfjs-dist 是 没有用的 (vue-pdf 自己有package.json 引用 pdfjs-dist) ,所以只有 把 vue-pdf 的版本降了 ,他才会引用 低版本 的 pdfjs-dist ,从而 存在 es5文件夹...
1、在node_modules中找到vue-pdf,src下的pdfjsWrapper.js 1 2 3 4 5 6 7 8 9 if ( pdfRender !== null ) { if ( canceling ) return; canceling = true; pdfRender.cancel().catch(function(err) { emitEvent('error', err); }); return; } 修改为 1 2 3 4 5 6 7 if ( pdfRender !
事情发展到这里就很离谱,明明我安装了"pdfjs-dist": "^2.5.207",但是部署一直报错,所以就没办法提交测试,就想着再换一个插件:vue-pdf-embed因为我们使用的是vue2,所以要下载npm install vue-pdf-embed@1一版本的 <vue-pdf-embed:source="policyForm.invoicePdfUrl"/>importVuePdfEmbedfrom"vue-pdf-embed/di...
最近做项目,遇到预览PDF这个功能,在网上找了找,大多推荐的是pdf.js,不过在Vue中还是想偷懒直接npm组件,最后找到了一个还不错的Vue-pdf 组件,GitHub地址:https://github.com/FranckFreiburger/vue-pdf#readme 不过一般GitHub上的注释比较简洁,所以这里把自己实际使用的过程总结了一下,下面贴代码 这个项目里会把平时...
重新启动你的vue项目，错误通常会得到解决。请确保在vue2环境中使用vue-pdf，因为这个库并不兼容vue3项目。如果问题仍然存在，可能需要检查你的项目配置和依赖版本，确保没有其他冲突。在开发过程中，如果遇到此类问题，尝试更新或回滚依赖，或者查阅相关库的文档和社区支持，以找到最适合你的解决方案。
vue项目中出现window is not defined报错 最近在vue中使用vue-pdf插件时遇到了window is not defined的报错,查资料表明这是webpack3.0的bug,只需要在webpack.base.config.js下的output中添加一条globalObject: 'this'即可解决此问题。 vue-pdf的使用方法及解决在线打印预览乱码 分页展示在页面中,但是在点击打印按...
1、进入目录 node_modules/worker-loader/dist/index.js 找到 2、修改为 3、安装patch-package 4、创建补丁 运行后会在...
1、html中使用组件 单页 多页 2、数据处理 单页 多页 三、项目使用--代码部分 四、报错解决 前言 使用vue-pdf组件实现文件预览功能 并在文件上增加操作按钮 vue3不支持vue-pdf,vue3项目用pdfjs-dist 一、安装npm 依赖 1、在根目录下输入一下命令
1.先安装vue-pdf-embed 具体的安装使用方法可以参考文章末尾介绍。 安装使用中可能遇到的问题都有写 很详细,跳转到文末详细讲解。 2.安装后 在使用页面引入 import VuePdfEmbed from "vue-pdf-embed"; components:{ VuePdfEmbed, }, <vue-pdf-embed v-for="i in PageRange" :source="pdfSrc " :key=...