reactjs - 在 react-pdf 中显示 pdf 时出错

Question

我是新手，我正在尝试在浏览器上显示 pdf 文件。我收到一个错误 无法加载 PDF .我正在尝试运行 https://www.npmjs.com/package/react-pdf 中给出的示例程序.

应用.js

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

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

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

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

    return (
      <div>
        <Document
          file="./1.pdf"
          onLoadSuccess={this.onDocumentLoad}
        >
          <Page pageNumber={pageNumber} />
        </Document>
      </div>
    );
  }
}

export default MyApp;

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

错误截图

Answer 1

问题很旧，但希望这对某人有所帮助。我遇到了这个问题并在这里找到了解决方案 https://github.com/wojtekmaj/react-pdf/issues/321 .
import { Document, Page, pdfjs } from 'react-pdf';
将此添加到您的构造函数中。

constructor(props){
        super(props);
        pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;
    }