pdf.js在非工程化项目上使用

项目场景:

pdf.js(当前版本:4.0.269)似乎是不能直接用在非工程化的项目上。


问题描述

使用 pdf.js 自带的预览界面 viewer.html 预览:

window.open("../pdfjs/web/viewer.html?file=userBook.pdf");

提示以下错误:

pdf.mjs:1 
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "". Strict MIME type checking is enforced for module scripts per HTML spec.

viewer.mjs:1 
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "". Strict MIME type checking is enforced for module scripts per HTML spec.

viewer.html:1
Uncaught (in promise) Error: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received


原因分析:

官网似乎没有提到怎么打包出适合非工程化项目的包。有知道怎么弄的可以交流一下。


解决方案:

最后找了到这个项目PDFViewer。应该是pdf.js源码修改得来的,版本应该比较旧。但我用于简单预览PDF实测没有问题。

  • 7
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
### 回答1: 《深入浅出vue.js前端开发实战》是一本常不错的前端开发实战书籍,书中详细介绍了Vue.js的设计原理和基础知识,包括组件、实例、指令、模板、数据绑定、事件、生命周期等方面的知识。读者可以通过实践来深入了解和掌握Vue.js的使用。此外,书中还介绍了Vue.js的高级特性,如混入、自定义指令、插件等,这对于提升前端开发的水平常有帮助。 此外,书籍还提供了源码设计分析,可以帮助读者更深入地了解Vue.js的内部实现和优化思路。对于想要成为前端架构师的人来说,这是常有价值的学习资料。 针对初学者,《JavaScript编程入门PDF》是一本常不错的入门书籍。书中从基础知识入手,循序渐进地介绍了JavaScript的语法、数据类型、运算符、表达式、函数、作用域、闭包等基础知识,并提供了大量实例和练习,帮助读者逐步掌握JavaScript编程。 总之,《出版社旗舰店》中推荐的这些前端开发书籍,涵盖了Vue.js、计算机工程、web开发、JavaScript编程等多个方面的知识,常适合前端开发人员和初学者学习和提高自己的专业技能。 ### 回答2: 《Vue.js 技术内幕》是一本深入浅出的前端开发实战书籍,主要介绍了 Vue.js 的原理及其应用。本书内容包括 Vue.js 的生命周期、响应式原理、虚拟 DOM、组件化开发等内容,适合想要深入了解 Vue.js 技术的开发者阅读。 此外,本书还提供了大量实例代码,方便读者进行实践操作。对于想要成为前端框架架构师的读者,本书也是一本必备的参考资料。 《深入浅出 Vue.js 前端开发实战》同样是一本常实用的前端开发实战书籍,该书从实战角度出发,深入到 Vue.js 的各个使用场景,通过实例代码进行讲解,加深对 Vue.js 技术的理解。 此外,本书还介绍了许多前端开发常用的工具库和插件,帮助读者高效完成开发任务,对于即将开始前端开发的新手,可以作为一个常好的入门教材。 《源码设计分析:前端框架架构师 Web 开发》是一本更加深入的前端开发实战指南,不仅讲述了 Vue.js、React 等前端框架的技术应用原理,还介绍了前端工程化开发方式,从项目组织、模块化、自动化构建等多个方面进行实例操作。 《JavaScript 编程入门 PDF》是一本常适合新手学习的编程入门书籍,该书详细介绍了 JavaScript 的语法、基本概念和常见应用场景。 综上所述,以上四本书籍都是常实用的前端开发指南,适合不同程度的读者学习。无论作为前端开发新手、想要深入了解 Vue.js 技术的开发者,还是想成为前端框架架构师的读者,这些书籍都是常好的参考资料。同时,这些书籍可以在出版社旗舰店中找到。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值