pdfjs-dist使用上由版本导致的问题

这篇具有很好参考价值的文章主要介绍了pdfjs-dist使用上由版本导致的问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

问题描述

项目中需要开发一个pdf预览插件,在安装pdfjs-dist后报错误

error  in ./node_modules/pdfjs-dist/build/pdf.js
Module parse failed: Unexpected token (924:33) 

发现是目前版本pdfjs(3.5.141)用到了es2020语法,vue2中暂不支持这种写法
简单粗暴直接降版本到pdfjs-dist@2.2.228,且引用方式改为

import * as pdfjsLib from 'pdfjs-dist';

后面的详细原因有空补充文章来源地址https://www.toymoban.com/news/detail-672470.html

到了这里,关于pdfjs-dist使用上由版本导致的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue3 电子书 pdf转图片 pdf实现翻页效果 pdfjs-dist、turn.js电子书翻页效果

    下载 turn.js 这里使用的是  turn4  ,需要下载到本地引入,通过npm下载会报错可以到官网下载,也可以直接在本博客下,已经上传到博客 导入文件之前先创建   vue.config.js 适配一下jquery ,创建好文件以后,把以下代码复制进去 回到vue页面,导入以下文件 参考博客:GitHub -

    2024年02月16日
    浏览(32)
  • vue3打包踩坑记录‘readFile‘ is not exported by __vite-browser-external, imported by node_modules/pdfjs-dist

    因为vue3项目是用不了vue-pdf所以用了pdfjs-dist,开发环境pdf查看是没问题正常使用,只是在打包的时候就报错,应该是由于pdfjs-dist.js使用了fs,fs是nodejs环境下的工具库,所以vite才会报错。 1、下载插件 2、vite.config.js配置 这样轻松搞定打包报错问题。

    2024年02月09日
    浏览(36)
  • 前端build打包生成的dist使用 nginx 运行接口报错405和401问题。

            dist 目录是一个包含了打包后的项目代码和相关依赖项的目录,用于在部署时将项目移植到其他环境中。它提供了一个整理而简化的文件结构,使得部署过程更加方便和可靠。         直接打开报错会空白可以使用 nginx 来启动。Nginx 官方网站:nginx news 下载很快很方

    2024年01月21日
    浏览(38)
  • vue2 pdfjs-2.8.335-dist pdf文件在线预览功能

    1、首先先将 pdfjs-2.8.335-dist 文件夹从网上搜索下载,复制到public文件夹下. 2、在components下新建组件PdfViewer.vue文件 3、在el-upload 中调用 pdf-viewer 组件 4、在el-upload 中的 on-preview方法中加上对应的src路径  internalPreview(file) { //判断需要预览的地方加 props—pdfView                

    2024年01月19日
    浏览(35)
  • 前端pdf预览、pdfjs的使用

    关于前端预览pdf,最简单的方式是使用 window.open() 直接在浏览器的新窗口打开就好,浏览器本身也是提供了非常多的功能 但是因为客户的某些需求,不能使用浏览器自身的功能。后来又使用了 https://github.com/gjTool/pdfh5,也挺好用的,操作比较简单。使用了一段时间吧,但是还

    2024年02月12日
    浏览(34)
  • webSocket推送太快导致前端渲染卡顿问题优化

    优化思路: 把webSocket接收到的数据用一个数组存起来,达到一定长度再统一渲染,可根据推送数据的速度适当调解数组长度限制,如果一段时间内改数组长度打不要渲染条件,就用定时器之间渲染

    2024年02月03日
    浏览(30)
  • 前端适配笔记本缩放125%,150%导致页面错乱问题

    由于前端在开发时使用的都是标准ui设计图,基本都是按照所以1920*1080, 而小屏幕笔记本由于分辨率高,所以导致的显示元素变小,因此很多笔记本的默认显示都是放大125%或者150%。 如果页面比较简单就让多余的空白单边扩展,这样可以不受影响,但是如果页面遍布了引入的

    2024年02月11日
    浏览(36)
  • 使用node搭建服务器,前端自己写接口,将vue或react打包后生成的dist目录在本地运行

    vue项目打包后生成的dist目录如果直接在本地打开index.html,在浏览器中会报错,无法运行起来。 通常我是放到后端搭建的服务上面去运行,当时前端自己也可以是node,nuxt搭建服务器,写接口等等 如果想在本地运行,我们可以借助node.js+express搭建一个服务器,将打包后的文件部

    2024年02月03日
    浏览(29)
  • 【http-server】http-server的安装、前端使用http-server启动本地dist文件服务:

    一、http-server 简介: http-server 是一个简单的零配置的命令行 http服务器,它足够强大便于生产和使用,用于本地测试和开发。 有时候我们打开一个文档使用file协议打开的时候,不能发送ajax请求,只能使用http协议才能请求资源,具体的区别大家可以去参考[这篇文档] (www.cnblo

    2024年02月16日
    浏览(36)
  • springboot引入minio导致的okhttp、kotlin的版本冲突问题

    问题背景 项目中需要引入minio,添加了如下依赖 结果运行报错: 解决过程 1. 看到 Unsupported OkHttp library found. Must use okhttp = 4.8.1 ,以为是之前引入的okhttp的版本太低,于是将   okhttp  升到   4.8.1  ,还是报同样错误 2. 上网查了一下,说需要在minio的依赖中排除okhttp依赖,再引

    2024年04月26日
    浏览(25)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包