我如何使用npm显示pdf与pdftron

Question

1. 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"
   }
   

2. Webviewer静态文件已复制到公共文件夹

3. JavaScript inindex.html文件试图加载pdf

   欢迎来到webviewer从'@/WebViewer '导入WebViewer

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

4. pdf文件不显示，代码有什么问题?

Answer 1

感谢您分享到您的存储库的链接。

从以下指南:https://www.pdftron.com/documentation/web/get-started/manually/

请尝试以下操作:

1. 请从pdftron webviewer节点模块中复制并粘贴webviewer.min.js到/public/webviewer

2. 在你的custom.js中，请删除从webviewer

   中导入的行

3. 在你的index.html中，请在调用你的custom.js文件之前添加这个script标签:<script src='./webviewer/webviewer.min.js'></script>

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