使用的包的源代码是 pdfjs - npm
但是我们实际上项目中使用的是pdfjs打包后的dist文件,也就是pdfjs-dist - npm
所以我们需要使用这个命令
npm i pdfjs-dist
我们可以克隆pdfjs这个包来看源代码,里面有使用的例子,也可以根据源代码自己打包生成你想要的版本的pdfjs-dist,官方文档强调了对于新旧浏览器的区别,所以我们在使用dist包的时候也要注意浏览器的兼容
你要是不嫌麻烦,可以使用源码打包自己的pdfjs-dist文件使用,但是一般我们不用这么干,npm上面有现成的
这个仓库是使用nuxt3 项目 实现的预览pdf,有需要的可以参考
https://gitee.com/yangjihong2113/pdfjs-nuxt3-demo
重点是新旧浏览器引入的包不同,低版本的浏览器需要使用legacy目录下的文件!