将 PDF.js 查看器与 React.js 库一起使用时未捕获（承诺）错误？答案

【问题标题】：Uncaught (in promise) Error when using PDF.js viewer with React.js library?将 PDF.js 查看器与 React.js 库一起使用时未捕获（承诺）错误？
【发布时间】：2019-08-21 16:40:39
【问题描述】：

我安装了pdfjs-dist 并尝试使用以下组件将其导入并与react 一起使用：

import React, { Component } from 'react'
import * as pdfjs from 'pdfjs-dist'

class App extends Component {
  componentDidMount() {

    pdfjs.getDocument('./sample.pdf').promise.then(doc => console.log(doc.numPages))
  }

  render() {
    return <div>test pdf</div>
  }
}

export default App

但我在控制台收到下一个错误

Uncaught (in promise) Error: Setting up fake worker failed: "Cannot read property 'WorkerMessageHandler' of undefined".

我也尝试将导入语句更改为：

import pdfjs from 'pdfjs-dist/webpack'

但我收到了这个错误：

Uncaught ReferenceError: window is not defined

【问题讨论】：

标签： reactjs pdf.js

【解决方案1】：

我认为您需要根据此讨论here 和此示例here 导入pdfjs 和require

【讨论】：

我也尝试将 import 替换为 const pdfjsLib = require('pdfjs-dist') 但出现同样的第一个错误
既然你在使用 react，不妨试试这个基于 react 的 pdfjs 库，npmjs.com/package/react-pdf-js
看起来有些不同。我想使用相同的 Mozilla。