Ошибка типа: невозможно прочитать свойство 'GlobalWorkerOptions' из неопределенного в PDF JS .GlobalWorkerOptions.workerSr c при использовании React js

Question

Я получаю «Ошибка типа: невозможно прочитать свойство« GlobalWorkerOptions »из неопределенного» в PDF JS .GlobalWorkerOptions.workerSr c. Мой код здесь,

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

Попробуйте этот код. Измените файл somefile.pdf в своем документе 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>
    );
  }
}