vue引入pdf.js版本报错

最新推荐文章于 2024-05-16 02:47:58 发布
最新推荐文章于 2024-05-16 02:47:58 发布
阅读量1k 收藏 1
点赞数
文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ssd369/article/details/120362480
版权

vue引入pdf.js版本报错

npm install 导入依赖后 启动项目时报如下错误

你好！ 这是你第一次使用 **Markdown编辑器** 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。
经过一番查找，是导入依赖时，pdfjs-dist版本与项目中pdf.js版本不符
执行

npm i pdfjs-dist@2.5.207

导入对应版本的pdfjs-dist，问题解决！

具体可查看https://github.com/mozilla/pdf.js/issues/13190解答

ssd369
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在uni-app中使用pdf.js实现在手机上打开pdf
11-04
在uni-app中实现PDF在手机...总之，在uni-app中使用PDF.js实现手机上打开PDF，需要完成引入PDF.js库、加载PDF文档、渲染页面及处理用户交互等步骤。通过以上方法，你可以在uni-app的各个平台上提供流畅的PDF查看体验。
解决webpack4+升级webpack5+ vue-pdf不可用问题
06-09
ERROR in ./node_modules/vue-pdf/node_modules/pdfjs-dist/es5/build/pdf.worker.js (./node_modules/vue-pdf/node_modules/worker-loader/dist/cjs.js!./node_modules/vue-pdf/node_modules/pdfjs-dist/es5/build/...
vue.min.js官方2.6.14版本
03-11
vue.min.js官方2.6.14版本
vue-cli3 下 vue-pdf 打包 work.js引入失败
suguangzhong的博客
11-17 606
node_modules中： 更改内容： 在vue.config.js中：
Vue学习之：在 vue2 中引入 pdf.js 并配置使其能工作
最新发布
qq_42902997的博客
05-16 1052
安装 不同版本的 pdfjs 在 node_modules 中的目录不太一样，如果你想让他正常运行就按照我下面的来 确保你的 nvm 版本是 18.17 如果不是的话，建议你配置跟我调成一样的，否则很容易出问题 nvm install 18.17.0 nvm use 18.17.0 安装 pdfjs，指定版本号 @2 如果你默认下的话会下载 4 开头的版本，会有各种问题 npm install pdfjs-dist@2 运行以下命令以安装处理类私有方法的 Babel 插件： npm inst
vue导入pdf插件报错
dd2016124的博客
09-28 935
在项目路径下，打开cmd： 1. 先npm install -g cnpm --registry=https://registry.npm.taobao.org，这样子以后就可以使用cnpm命令了； 然后最好把cmd关了，重新在项目路径下打开cmd， 2. 执行 cnpm install --save vue-pdf 这样就可以将pdf插件导入成功了，其他插件一样，解决导入插件报错的问题 ...
Vue 报错 SyntaxError: Unexpected token ‘=‘ at Object../node_modules/pdfjs-dist/build/pdf.js
weixin_46061554的博客
08-25 1557
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档。
React18 引入 pdfjs-dist@2.2.228 报错解决
xiaofanguan的博客
11-29 1393
pdfjs-dist在react18中的应用填坑
pdfjs-dist使用上由版本导致的问题
weixin_44054904的博客
05-06 3870
发现是目前版本pdfjs（3.5.141）用到了es2020语法，vue2中暂不支持这种写法。简单粗暴直接降版本到pdfjs-dist@2.2.228，且引用方式改为。项目中需要开发一个pdf预览插件，在安装pdfjs-dist后报错误。后面的详细原因有空补充。
pdf.js和pdf.worker.js
10-23
PDF.js是Mozilla开发的一个开源项目，它允许在Web浏览器中以纯JavaScript实现PDF文档的解析和渲染，无需依赖任何插件。这个框架充分利用了HTML5技术，尤其是Canvas元素，为用户提供了一种在网页上查看PDF文件的新...
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
快速解决Vue项目在IE浏览器中显示空白的问题
12-08
Vue.js和其他现代JavaScript库或框架大量使用了ES6及以上的语法特性，如箭头函数、Promise、Set、Map等。而IE浏览器，尤其是较旧版本，对这些新特性的支持非常有限。因此，当Vue项目中的代码包含这些特性时，IE浏览...
vue嵌入PDF预览以及报错（Cannot read properties of undefined (reading ‘catch‘)）解决
Lora_0925的博客
03-23 5476
项目中需要用到PDF预览，查找病尝试了很多种方法，使用了iframe，但是无法访问链接，可能是跨域问题，没有深究。使用了pdfjs,引入后模块报错，无法启动，可能是版本问题，最后选择了vue-pdf。 下载依赖： npm install --save vue-pdf 引入： import pdf from "vue-pdf"; 使用（这里使用的是带有分页的，否则只会展示一页）： components: { pdf, }, <pdf ref="pdf" :sr
内网开发 pdfjs-dist vue2踩坑
qq_41994916的博客
10-20 6583
pdfjs-dist vue2
vue3+pdf-dist 错误记录
V1040375575的博客
04-21 268
【代码】vue3+pdf-dist 错误记录。
error：pdfjs-dist
jjhkfgh的博客
08-30 1268
使用cnpm yarn下载依赖后，pdfjs-dist包报错_段友吊缠腰的博客-CSDN博客_pdfjs-dist 报错
vue-pdf插件import引入时报错
leper的博客
06-11 6248
在vue-cli项目中import引入vue-pdf插件报错， 报错内容 pdfjs-dist/es5/build/pdf.js in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules
使用cnpm yarn下载依赖后，pdfjs-dist包报错
qq_43586648的博客
10-21 2353
最近拉了项目使用cnpm i下载依赖的时候遇到了一一个坑，下载成功后， npm run serve 启动服务时，一直报一个错误 错误是说pdfjs-dist插件使用了最新ES10语法可选链操作，网上搜索了一下，说需要安装加载器babel（搜索链接：https://www.cnblogs.com/shengwu/p/15235189.html） 但是其他伙伴上都能正常运行，为什么我的就要下载babel，所以我怀疑可能是我的pdfjs-dist包版本比他们的高，我下载的包里出现了可选链，而他们的没有，于是我.
vue3使用pdfjs-dist
weixin_45847765的博客
03-13 2444
如果需要使用点击跳页的话，用一个变量控制 页码，然后在canvas上换成变量，每次跳页就+-数字就好，位置可以自己定位到需要位置。当前时间是可以使用的，刚实现过，后续如果不可以用了，可能是安装东西的版本迭代了。重新安装的时候版本不同了。如果不知道在哪，可以点开node_modules找到pdfjs-dist对应去改一下就好。然后 找到对应位置： // vite.config.ts 文件。版本会引起报各种错，需要注意，实在不行复制错误搜索就好。不分页的话加载过大文件时速度很慢，可以懒加载 ，也可以分页。
引入vue.js后报错Vue is not a constructor
05-17
这个错误通常是因为你在使用Vue之前没有先引入Vue的库文件。确保你已经按照Vue的官方文档引用了Vue库文件，并且引用的顺序是正确的。 如果你使用的是CDN，可以在HTML文件中添加以下代码： ```html <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> ``` 如果你使用的是npm安装的Vue，可以在JavaScript文件中添加以下代码： ```javascript import Vue from 'vue' ``` 如果你使用的是Vue CLI创建的项目，那么Vue已经被正确引入了，你可以直接使用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值