问题标签 [pdfjs-dist]

我正在尝试将 pdfjs-dist 的示例用于 Typescript-React-Electron 应用程序。

我明白了GlobalWorkerOptions of undefined。

根据我在这里找到 的内容，package.json我已经提出：

其中src/app/components/pdfHandling/entry/entry.js：

我在 Mozilla 的 GitHub 上发布了同样的问题。这是我收到的答案：

我们存储库中的独立示例可以工作，因此这一定是与 React/Electron 的一些集成问题，我们无法提供帮助，因为我们不熟悉它们。我建议改为在 StackOverflow 或其他 React/Electron 特定论坛上提问。

关于如何pdfjs.GlobalWorkerOptions工作的任何想法？

问题很简单。如何正确地将 PDF.js 库导入 Vuejs 项目？

图书馆是undefined我记录它的时候。

在此处的代码盒中查看我的问题。

这就是我现在尝试的方式：

但这给了我以下错误：Cannot read property 'GlobalWorkerOptions' of undefined

我想在电子/vuejs 应用程序中创建一个查看器 PDF 文件。

我需要使用 pdfjs 库。

为此，我安装了这个包："pdfjs-dist": "2.6.347"

在我的组件 vuejs 中，我尝试通过这样做来使用它：

这个导入指令似乎运行良好。但是如果开始这样使用：

我抛出这个错误：

我尝试了很多技巧，但我没有找到在我的组件中使用这个库的任何解决方案。

有人有一个带有 pdfjslib 的 vuejs 项目来查看 pdf 吗？

这是一个错误（我的项目在 dev 上正常工作，但是当我尝试构建它时，它会抛出这个错误）

构建失败并出现此错误（检查屏幕截图）

我在 jhipster 生成的角度应用程序中使用 PDfjs-dist 以将 pdf 文件显示为画布。

我还使用 CDK 拖放模块将其拖放到 pdf 中，以便为我想要插入到后端的 pdf 文件中的签名获取占位符。

我寻找一种方法来知道我将元素放在 pdf 文件中的位置（而不是在 html 页面中）。我发现这个解决方案是由 nodeJs 上的某个人实现的。

https://codepen.io/ValerioEmanuele/pen/pGRZqe# 我也使用了这个树函数，但它只给了我 html 页面上的坐标；

但是，我认为他的示例中显示的坐标不在 pdf 文件画布中，而是在整个 html 页面中。

你有什么想法 ？

非常感谢您提前

我的 pdfjs-dist 版本： "pdfjs-dist": "^2.4.456" 这是导入我的代码：

当我打电话时：

它返回此错误：[TypeError: Cannot read property 'GlobalWorkerOptions' of undefined]

我试图安慰这个：PDFJS，它返回undefinded

所以当我在互联网上尝试这个解决方案时，我添加

在我index.html和 add var PDFJS = window['pdfjs-dist/build/pdf'];

然后它完美地工作......但我不知道为什么第一种方法对我不起作用......而且我不想从 CDN 使用它，因为我认为它对我的项目来说不稳定。那么你们能告诉我我在这里错过了什么吗？我试图环顾四周node-modules以弄清楚，但我仍然不知道为什么我不能import PDFJS from 'pdfjs-dist'；

我最近从 npm 安装了最新版本的pdfjs_dist并安装了适当的类型 @types/pdfjs-dist

但是类型没有正确导入。有一个目录 node_modules\pdfjs-dist\ types类型脚本试图加载类型而不是 node_modules@types\pdfjs-dist

当我手动删除目录 node_modules\pdfjs-dist\ types一切正常，但我需要知道如何强制 typescript 忽略来自 node_modules\pdfjs-dist\ types的类型并从 node_modules@types\pdfjs-dist 加载类型

有没有办法从指定目录强制加载类型？

我正在尝试在预编译的 Angular 9 项目中使用 pdf.js 库。

我安装使用npm i --save pdfjs-dist和npm i --save @types/pdfjs-dist

然后从我在网上看到的内容来看，我应该能够import * as pdfjsLib from 'pdfjs-dist';在我的组件中使用它来访问它。问题是我在编译器中收到此错误：

我尝试了许多其他方法来获取参考，但它们要么无法获取参考，要么抛出相同的错误消息。

我也尝试过这里的建议：Importing namespace and interface with methods in TypeScript (TSX) in pdfjs-dist (PDFJS) 但是，我收到错误消息，告诉我 PDFJSStatic 不是导出的成员。

任何帮助将不胜感激！

我的目标是能够使用 getDocument() 函数。

我们将 PDF 文件存储在 AWS S3 之上，并通过 Cloudfront 访问它。要访问 PDF 文件，我必须调用 api：/api/preview-file/30.json 但在 chrome 和 firefox 上出现错误：“MissingPDFException”，但在 Safari 上一切正常，这令人困惑。我已经搜索但没有答案，期待您的帮助。谢谢！

配置：

• Web 浏览器及其版本：Chrome 版本 89.0.4389.114（官方构建）（x86_64）、Firefox 87.0（64 位）
• 操作系统及其版本：Mac OS High Sierra 10.13.6
• PDF.js 版本：2.6.347

什么地方出了错？（添加截图）

• 火狐：
• 铬合金：

我的代码：PreviewFile.vue

火狐上的网络：404

Safari 网络：好的

我的反应应用程序中有pdfjs-dist依赖项，但它不工作 - 我不确定我改变了什么导致这种情况。我正在跑步node v14.16.1, npm v7.9.0, react 17.0.2, react-scripts 4.0.3, 和pdfjs-dist 2.7.570. 我在运行时收到以下错误消息npm start：

我已经尝试卸载并重新安装相关软件包，以及npm update,npm audit等等。我也尝试添加worker-loadernpm 包，但它已经是对 pdfjs-dist 的对等依赖，所以它没有任何区别。我在这个项目上的合作伙伴有相同的回购，他没有任何问题，所以我确信这是我的目标。我相信这与对可选链接的支持有关，但不确定如何进行。谢谢！