reactjs - 将 PDF.js 查看器与 React.js 库一起使用时未捕获( promise )错误？

Question

我安装了 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".

我还尝试将导入语句更改为:

从 'pdfjs-dist/webpack' 导入 pdfjs

但是我得到了这个错误:

未捕获的 ReferenceError:未定义窗口

Answer 1

我认为您需要根据此讨论使用 require 导入 pdfjs here这个例子 here