问题描述
我正在尝试在 create-react-app 应用程序中使用 react-pdf 显示 pdf。 我按照说明操作,但未显示 pdf。
import { makeStyles,Box,Grid } from "@material-ui/core";
import React,{ useState } from "react";
import Header from "./header";
import contractPdf from "../../sample.pdf";
import { Document,Page } from "react-pdf";
const useStyles = makeStyles((theme) => ({
root: {
padding: "32px 24px 14px 24px",},pdfarea: {
borderRight: "1px solid #ddddDD",height: "calc(100vh - 195px)",}));
const BasicComponent = (props) => {
const classes = useStyles();
const [numPages,setNumPages] = useState(null);
const [pageNumber,setPageNumber] = useState(1);
function onDocumentLoadSuccess({ numPages: nextNumPages }) {
setNumPages(nextNumPages);
}
return (
<Box className={classes.root}>
<Header />
<Grid container>
<Grid item xs={8}>
<Box className={classes.pdfarea}>
<Document
file={contractPdf}
onLoadSuccess={onDocumentLoadSuccess}
options={options}
>
<Page pageNumber={1} />
</Document>
</Box>
</Grid>
<Grid item xs={4}>
<Box className={classes.inputArea}>User input</Box>
</Grid>
</Grid>
</Box>
);
};
export default BasicComponent;
我在开发模式下检查了调试,它显示 Uncaught SyntaxError: Unexpected token '<' in pdf.worker.js
谁能帮帮我? 我感谢您的帮助。谢谢
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)