Webpack+pdfjs 报错:window is not defined

Webpack+pdfjs 报错:window is not defined

今天在使用pdfjs库的时候,总是报错window is not defined, 几番查找资料并尝试后发现是webpack的问题,webpack打包有个配置项: output.globalObject 配置为"this" 即可避免该错误,该配置默认为"window", 然而webworker 中没有window对象,所以会报错。webpack 加载pdfjs 显示pdf文件的代码如下:

  import pdfjsLib from "pdfjs-dist/webpack";
    pdfjsLib.getDocument(this.pdf).then(function(doc) {
      doc.getPage(pageNumber).then(function(page) {
        var scale = 1.5;
        var viewport = page.getViewport(scale);

        var context = canvas.getContext("2d");
        canvas.height = viewport.height;
        canvas.width = viewport.width;

        var renderContext = {
          canvasContext: context,
          viewport: viewport
        };

        page.render(renderContext);
      });
   });

正确的配置(部分)如下:

// webpack.config.js
module.exports = {
    // 此处省略部分配置项
    output: {
        filename: '[name].js',
        path: path.resolve(__dirname, 'dist'),
        globalObject: "this"        // 关键在此项配置,需要配置为 "this", 默认为 "window"
    },
    // 此处省略部分配置项
}
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值