直接引入pdfjs-dist会报错

最新推荐文章于 2024-09-18 17:39:25 发布
最新推荐文章于 2024-09-18 17:39:25 发布
阅读量6.6k 收藏 8
点赞数 8
分类专栏： pdf.js 文章标签： node.js javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51751522/article/details/120655161
版权
博客介绍了在使用PDF.js时遇到的直接引入'pdfjs-dist'报错的状况，并提供了解决方案。对于2.8.335版本之前，需引用'pdfjs-dist/es5/build/pdf.js'，而2.8.335版本之后，则应引用'pdfjs-dist/legacy/build/pdf.js'来避免错误。
摘要由CSDN通过智能技术生成

import PDFJS from ‘pdfjs-dist’

通过直接引入pdfjs-dist会报错
可以引用编译好的包

2.8.335版本之前

import PDFJS from 'pdfjs-dist/es5/build/pdf.js'

2.8.335版本之后

import PDFJS from 'pdfjs-dist/legacy/build/pdf.js'

问题解决

vue项目内集成pdfJs
A_one2010的博客
11-03 1881
先上官网链接 PDF.js 使用vue进行h5开发过程中，有时需要展示pdf，分享出来的页面，运行平台如果不支持pdf查看的话怎么办，pdfjs提供了很好的api，在这儿给大家提供两种方法以供参考。 效果分别如下： 第一种方法，缩放，跳转等等，都需自己额外调取及操作 第二种，则比较现成，样式也更接近浏览器自带的pdf预览。 两种实现方法如下 1 引入pdfjs-dist，调取pdfjs api 将需要查看...
通过pdfjs-dist批量渲染在页面渲染pdf
Suciy的博客
01-14 1259
通过pdfjs-dist渲染pdf
pdfjs-dist 编译报错
hhbbeijing的专栏
02-20 1929
Module parse failed: Unexpected token (2902:55) File was processed with these loaders: * ./node_modules/cache-loader/dist/cjs.js * ./node_modules/babel-loader/lib/index.js You may need an additional loader to handle the result of these loaders. |
pdfjs-dist 编译异常解决方案
a704826318的博客
09-18 718
这篇文章，加上上面的配置的同时我也安装了下面这三个依赖，多尝试尝试把，这个pdf库还是挺坑的，试了很多文章才找到这个问题。配置的时候加了下面这个配置问题解决了。博主用的是vue框架。
error：pdfjs-dist
jjhkfgh的博客
08-30 1391
使用cnpm yarn下载依赖后，pdfjs-dist包报错_段友吊缠腰的博客-CSDN博客_pdfjs-dist 报错
pdfjs-dist报错Module parse failed: Unexpected character ‘#‘
Anyuegogogo的博客
06-27 4763
pdfjs-dist报错Module parse failed: Unexpected character '#'
Webpack+pdfjs 报错：window is not defined
u010745620的博客
07-07 8948
Webpack+pdfjs 报错：window is not defined 今天在使用pdfjs库的时候，总是报错window is not defined, 几番查找资料并尝试后发现是webpack的问题，webpack打包有个配置项: output.globalObject 配置为"this" 即可避免该错误，该配置默认为"window", 然而webworker 中没有window对象...
pdfjs-2.9.359-legacy-dist.zip
09-26
"pdfjs-2.9.359-legacy-dist.zip" 是该项目的一个特定版本的压缩包，其中包含了必要的文件和资源，用于在你的 Vue 项目中集成 PDF 预览功能。 在 "LICENSE" 文件中，你会看到 PDF.js 的许可协议，通常是 Mozilla ...
vue:pdfjs-dist引入报错
最新发布
10-18
当你尝试在Vue项目中引入`pdfjs-dist`库时遇到错误，这可能是由于多种原因导致的。`pdfjs-dist`是一个用于处理PDF文件的JavaScript库，但在实际应用中可能会碰到一些常见问题： 1. **路径问题**：确保你正确地安装...
vue3 引入 pdfjs-dist 启动报错
08-07
引入 Vue3 并尝试使用 PDF.js库（pdfjs-dist）时遇到启动错误可能是由于多种原因造成的。PDF.js 是一个用于查看和交互 PDF 文档的 JavaScript 库，而 Vue3 是一个前端框架。以下是可能导致错误的一些常见情况及解决...
pdfjs-dist vue 引入报错
07-28
对于引入 pdfjs-dist 到 Vue 项目中报错的问题，可能有几种原因导致。以下是一些可能的解决方案： 1. 确保您已经正确安装了 pdfjs-dist。您可以通过运行以下命令来安装它： ``` npm install pdfjs-dist ``` 2. ...
pdfjs-dist 编译错误
qq_34907249的博客
09-19 7838
step2: 如果第一步还不行，可能vue-cli 默认配置不支持es高版本草案语法 比如：?step1: npm i pdfjs-dist@2.0.943 优先安装下，重启项目。安装上面三个依赖并在babel配置文件中进行配置。说明某个依赖安装有问题，需要单独安装。安装如下babel进行转换。
【解决】ERROR Failed to compile with 1 error；error in ./node_modules/pdfjs-dist/build/pdf.js
热门推荐
huangfuyk.的博客
01-23 3万+
接手别的同事的Vue项目，下载好依赖，执行npm run dev运行的时候，出现问题，如下： 根据报错信息发现"pdfjs-dist"装的也有，项目中也有用到，版本是2.0.943： 此时，再次执行npm i pdfjs-dist@2.0.943，单独下载pdfjs-dist依赖，然后再执行npm run dev，发现项目OK~ 举一反三，类似这样的报错信息，很大一部分情况都是由于单个依赖导致，可根据报错信息进行下载安装，进行解决。 ...
关于vue引入pdfjs-dist之后报错
lmiraclel的博客
09-01 477
这个导入版本在这个帖子下面解决了：https://www.cnblogs.com/lizhao123/p/15993854.html。最近在做前端vue展示pdf的效果，使用pdf.js的时候老是导入出问题，困扰我半天。1.2.8.335版本之前引入方式。
vue-pdf插件import引入时报错
leper的博客
06-11 6536
在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
前端使用pdfJs预览文件报错
m0_73735107的博客
07-10 1071
前端使用pdfJs预览文件报错
【JS】如何解决Cannot set properties of undefined
qq_41536505的博客
03-16 1万+
类型错误：无法设置未定义的属性。
react pdfjs-dist运行报错
03-28
当使用react-pdfjs-dist时，如果出现运行报错，可能是由于以下原因之一： 1. 缺少依赖：请确保已经正确安装了react-pdfjs-dist的依赖项。可以通过运行`npm install react-pdfjs-dist`或`yarn add react-pdfjs-dist`...
vue中pdf预览，报错（Cannot read properties of undefined (reading ‘catch‘)）解决
m0_68275786的博客
11-29 4971
vue中pdf预览，报错（Cannot read properties of undefined (reading ‘catch‘)）解决
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值