因为 这行代码引入有问题,vite不支持文件里的写法 vite不支持这个文件内容的写法 会报错 PDF.GlobalWorkerOptions.workerSrc = "/file/public/pdfjs-dist-res/pdf.worker.min.js"; 改成引用pdf.worker.js PDF.GlobalWorkerOptions.workerSrc= "/file/public/pdfjs-dist-res/pdf.worker.js";...
遗留问题:对于vue-pdf中的生命周期钩子函数不知道怎么处理,将destroyed替换为unmounted,destroy()替换为unmount()之后仍然报错,暂时注释了
5、如果出现【跨域】报错 注释public/static/pdf/web/viewer.js代码 6、修改配置项 (1)修改主题色为暗色系 // public/static/pdf/web/viewer.js AUTOMATIC: 0, // 跟随浏览器 LIGHT: 1, // 亮色 DARK: 2 // 暗色 (2)打开 PDF 后默认跳转到某一页 // 添加 #page=2 默认跳转到第二页 window....
file=' + encodeURIComponent(pnowSrc) + '.pdf'; // this.pSrc = '../../pdf/web/viewer.html?file='; }, (4)访问远程服务器报file origin does not match viewer's报错, 就看viewer.js, 注释里面的代码就可以正常运行了 (5) 加入放大, 缩小按钮, 是用jq的方法获取dom去控制大小 import $ fro...
起因:公司新项目,使用Vue3 + Ts + Vite开发,老项目(Vue2 )中写过一个业务组件用到了pdfjs-dist,新项目中直接拿来用。然后惨案就发生了。。。 经过: 最开始迁过来的时候,各种报错,然后就参考这位大佬的教程→Vue3+Vite+Ts使用pdfjs-dist。参考过后,将pdfjs-dist版本固定到了2.11.338。
以上代码因为使用了 ts ,有部分函数参数类型的设定,在使用过程中,如遇到ts的报错,可以直接把类型设置为 any. 需要注意: 以上部分的 workerSrc 赋值部分,需要特别注意,在pdfJs的使用示例中明确指出, workerSrc 的值要手动指定,如果没有指定此值,则会出现 workerSrc 未定义的bug, ...
实现PDF预览功能,具体步骤如下:首先,前往官网下载pdf.js。随后,解压下载的文件,并将解压后的文件放置在public/static目录下。接着,利用window.open方法直接打开PDF文件。也可采用弹框形式打开PDF预览。若在打开过程中遇到跨域报错,需注释public/static/pdf/web/viewer.js中的相关代码。之后,对配置项...
使用ttc字体时会报错 2,js代码: <template>选择pdf:<el-buttontype="info"@click="downPdf"plain style="width:400px;">保存并下载pdf</el-button>
Vue插件报错:Vue.jsisdetectedonthispage.问题解决Vue插件报错:Vue.js is detected on this pag 下载Vue插件 将下载好的crx⽂件拖进拓展程序 验证⼀下Vue.js.devtools是否安装好(看插件的颜⾊)。因为B站是基于Vue开发的。解决:Vue.js not detected 打开“允许访问⽂件⽹址”,“收集各项错误”。
runtimeCompiler: true, // 运⾏时报错配置 publicPath: '/',outputDir: 'dist',assetsDir: 'static',// eslint-loader是否在保存的时候检查 lintOnSave: false,// 如果你不需要⽣产环境的 source map,可以将其设置为 false 以加速⽣产环境构建。productionSourceMap: false,devServer: { port: port,op...