pdf.js在requirejs中使用，workerSrc和getDocument浏览器总报错？

Question

在main.js中引入pdf.js
'pdfJs': 'plugins/pdfjs/build/pdf',
在页面中
define(['pdfJs'], function (pdfjs) {})
下面是使用
pdfjs.workerSrc =STATIC_CTX + '/static/scripts/plugins/pdfjs/build/pdf.worker.js';
var loadingTask = pdfjs.getDocument({
url: src,
cMapUrl: STATIC_CTX + '/static/scripts/plugins/pdfjs/web/cmaps/',
cMapPacked: true
});
loadingTask.promise.then(function(pdf) {
console.log('PDF loaded');

        var pageNumber = 1;
        pdf.getPage(pageNumber).then(function(page) {
               console.log('Page loaded');

               var scale = 1.5;
               var viewport = page.getViewport(scale);
               var canvas = document.getElementById('the-canvas');
               var context = canvas.getContext('2d');
               canvas.height = viewport.height;
               canvas.width = viewport.width;
               var renderContext = {
                            canvasContext: context,
                             viewport: viewport
                };
                var renderTask = page.render(renderContext);
                           renderTask.then(function () {
                                    console.log('Page rendered');
                             });
   });

最后运行在浏览器中就报错
Uncaught TypeError: Cannot read property 'getDocument' of undefined

Answer 1

看样子是getDocument方法未定义，先打印一下日志，将pdfjs打印出来，看看是否有getDocument这个方法，没有的话有可能是引入的pdf.js的版本有问题，换个版本试试。