Reactjs 页面未加载-反应

我是新来的。我试图在我的网页上显示PDF，因此实现了以下功能。但是由于某些原因，即使网站上的其他页面都在加载，特定页面也没有加载。没有显示错误，但网站一直试图呈现，并在最后给出一个页面未找到错误

import React, { useState } from "react";
import { Document, Page } from "react-pdf";
import SinglePagePDFViewer from "./resume";
import PDF from "./ahsanresume.pdf"

export default function SinglePage(props) {
  const [numPages, setNumPages] = useState(null);
  const [pageNumber, setPageNumber] = useState(1); //setting 1 to show fisrt 
page

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

  function changePage(offset) {
    setPageNumber(prevPageNumber => prevPageNumber + offset);
  }

   function previousPage() {
    changePage(-1);
  }

  function nextPage() {
    changePage(1);
  }

  const { pdf } = props;



return (
    <>
      <Document
        file={pdf}
        options={{ workerSrc: "/pdf.worker.js" }}
        onLoadSuccess={onDocumentLoadSuccess}
      >
        <Page pageNumber={pageNumber} />
      </Document>
      <div>
        <p>
          Page {pageNumber || (numPages ? 1 : "--")} of {numPages || "--"}
        </p>
        <button type="button" disabled={pageNumber <= 1} onClick={previousPage}>
          Previous
        </button>
        <button
          type="button"
          disabled={pageNumber >= numPages}
          onClick={nextPage}
        >
          Next
        </button>
    
        <h4>Single Page</h4>
          <SinglePagePDFViewer pdf={PDF} />

          <hr />
      
      </div>
    </>
  );
}

import React，{useState}来自“React”；
从“react pdf”导入{Document，Page}；
从“/resume”导入SinglePagePDFViewer；
从“/ahsanresume.PDF”导入PDF
导出默认函数单页（道具）{
const[numPages，setNumPages]=useState（null）；
const[pageNumber，setPageNumber]=useState（1）；//设置1以显示第一个
页
函数onDocumentLoadSuccess（{numPages}）{
设置numPages（numPages）；
设置页码（1）；
}
功能更改页（偏移量）{
setPageNumber（prevPageNumber=>prevPageNumber+偏移量）；
}
函数previousPage（）{
更改页（-1）；
}
函数下一页（）{
更改页面（1）；
}
const{pdf}=props；
返回(

第{numPages | | | | |（numPages？1:“--”）页，共{numPages | |“--”页

下一个
单页

);
}

打开chrome devtools如果您使用的是基于chrome/chrome引擎的浏览器或firefox devtools，并向我们展示javascript consel，则可能会有一些关于哪些不起作用的提示