reactjs - TypeError：使用 React js 时无法读取 PDFJS.GlobalWorkerOptions.workerSrc 中未定义的属性“GlobalWorkerOptions”

Question

我在 PDFJS.GlobalWorkerOptions.workerSrc 中收到“TypeError：无法读取未定义的属性 'GlobalWorkerOptions'”。我的代码在这里，

import { pdfjs } from 'react-pdf';
pdfjs.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.0.87/pdf.js`;

我用它从给定的pdf中提取文本。我用

npm 我反应-pdf

npm 为此。帮我..

Answer 1

试试这个代码。用您的 PDF 文档更改 somefile.pdf。

import React, { Component } from 'react';
import { Document, Page } from 'react-pdf';

class MyApp extends Component {
  state = {
    numPages: null,
    pageNumber: 1,
  }

  onDocumentLoadSuccess = ({ numPages }) => {
    this.setState({ numPages });
  }

  render() {
    const { pageNumber, numPages } = this.state;

    return (
      <div>
        <Document
          file="somefile.pdf"
          onLoadSuccess={this.onDocumentLoadSuccess}
        >
          <Page pageNumber={pageNumber} />
        </Document>
        <p>Page {pageNumber} of {numPages}</p>
      </div>
    );
  }
}