Reactjs Pdf.js pdfjsLib.getDocument（）在React中不起作用

我已经用

创建react应用程序

建立了一个网站，我正在使用

的“react dom”：“^16.9.0”，“react”：“^16.9.0”

，并且已经安装了

“pdfjs dist”：“^2.2.228”

我尝试了下面发布的相同的代码，在克隆的存储库中安装了相同版本的

pdfjs dist

，并在那里运行。我认为唯一可能导致问题的是我的react版本或react dom版本，但我不能降级，因为此react版本提供了钩子功能

PS:我试图在React项目中安装“^1.8.432”“pdfjs dist”：，但出现以下错误：

./node_modules/pdfjs dist/build/pdf.worker.js （./node_modules/worker loader！。/node_modules/pdfjs dist/build/pdf.worker.js） TypeError:无法读取未定义的“%js”的属性“context”

import React，{Component}来自'React'；
导入“/App.css”；
从“pdfjs dist/webpack”导入pdfjsLib；
从“axios”导入axios；
类应用程序扩展组件{
handleChange=异步（e）=>{
var formData=new formData（）；
formData.append（“文件”，e.target.files[0]）；
试一试{
const res=等待axios.post（“http://localhost:8080/files/convert“，formData{
标题：{
“内容类型”：“多部分/表单数据”
          }
      });
var ab=新阵列缓冲区（res.data.data.data.length）；
var视图=新的UINT8阵列（ab）；
对于（变量i=0；i{
getPage（1）。然后（函数getPageHelloWorld（第页）{
调试器
var标度=0.5；
var viewport=page.getViewport（比例）；
//
//使用PDF页面维度准备画布
//
var canvas=document.getElementById（'the-canvas'）；
var context=canvas.getContext（'2d'）；
调试器
canvas.height=viewport.height/2；
canvas.width=viewport.width；
//
//将PDF页面呈现到画布上下文中
//
var task=page.render（{canvasContext:context，viewport:viewport}）
task.promise.then（function（）{
log（canvas.toDataURL（'image/jpeg'）；
});
});
}，（原因）=>{
错误（`loading:${reason}`）；
    });   
}捕获（错误）{
console.log（错误）
  };
 }
render（）{
返回(
);
}
}
导出默认应用程序；