如何使用 npm 显示带有 pdftron 的 pdf

Question

pdftron/webviewer 已安装

 "dependencies": {
     "@pdftron/webviewer": "^7.3.0",
     "body-parser": "^1.19.0",
     "express": "^4.17.1",
     "mongoose": "^5.9.7",
     "nodemon": "^2.0.2",
     "pug": "^2.0.4"
 }

Webviewer 静态文件已复制到 public 文件夹

JavaScript 在 index.html 文件中尝试加载 pdf

欢迎使用网络浏览器从“@/webviewer”导入 WebViewer

     WebViewer({
         path: '/webviewer',
         initialDoc: 'https://pdftron.s3.amazonaws.com/downloads/pl/demo-annotated.pdf'
     }, 
     document.getElementById('viewer')).then(instance => {})    
  </script>

pdf文件不显示，代码有什么问题？

Answer 1

感谢您将 link 分享到您的存储库。

遵循本指南：https://www.pdftron.com/documentation/web/get-started/manually/

请尝试执行以下操作：

请将 pdftron webviewer 节点模块中的 webviewer.min.js 复制并粘贴到 /public/webviewer
在您的 custom.js 中，请删除从 webviewer 导入的行
在您的 index.html 中，请在调用您的 custom.js 文件之前添加此脚本标记： <script src='./webviewer/webviewer.min.js'></script>

编辑：当我加载您的应用程序时，我注意到网络选项卡上有一个 404，这让我认为库的设置没有正确集成。

如何使用 npm 显示带有 pdftron 的 pdf

How can I display a pdf with pdftron using npm

javascript

pdf

npm

client-side

pdftron