如何解决：安装PDF而不是用react-pdf打开？

问题描述

您好，我想显示我的 PDF 的多个页面。我遵循了 react-pdf 上的代码示例。但是，当我在本地主机上运行该站点时，PDF 已安装而不是打开。

请帮忙

1.错误：

2.文件夹结构：

3.我的尝试：

• 包括媒体查询
• 尝试所有建议的文件路径（公共、导入、相对）

4.这是我的代码：

import React from "react";
import { Page } from "react-pdf";
import { pdfjs } from "react-pdf";
import { Document } from "react-pdf/dist/esm/entry.webpack";

import Lesson_1 from "./Lesson 1.pdf";
// import {} from '../../../public/docs/pdf/Lesson 1.pdf'

// pdfjs.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;

const options = {
  cMapUrl: "cmaps/",cMapPacked: true,};

function Lesson(props) {
  const [numPages,setNumPages] = React.useState(null);
  const [pageNumber,setPageNumber] = React.useState(1);

  function onDocumentLoadSuccess({ numPages }) {
    setNumPages(numPages);
  }

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


export default Lesson;

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）