導入react-pdf盯另，具體版本根據(jù)需求來react-pdf
yarn add react-pdf@5.7.2
或者
npm install react-pdf@5.7.2
在文件目錄node-modules找到pdfjs-dist姊途，將其中的cmaps文件整體copy一份豁状，放在外部引用，如放置src文件
第二步.png
第三部.png
實現(xiàn)代碼
import Pdfs from "./Image/response.pdf";
import { Document, Page } from "react-pdf/dist/esm/entry.webpack";
function App() {
return (
<div>
<Document
options={{
cMapUrl: `//cdn.jsdelivr.net/npm/pdfjs-dist@${pdfjs.version}/cmaps/`,
cMapPacked: true,
}}
file={Pdfs}
>
<Page pageNumber={1} scale={1} />
</Document>
</div>
);
}
export default App;
注：印章和輸入文字不顯示要設置options的cMapUrl和cMapPacked
