尝试在本地将PDF文件添加到我的网站时出现此错误。
我创建了一个名为'ViewPDF.jsx'的组件,而'ViewPDF.jsx'的代码是:
import React, { Component } from "react";
import { Page } from "react";
import { Document } from 'react-pdf/build/entry.webpack';
import PDF from 'react-pdf-js';
import { Resume } from '../Download/Resume.pdf';
class ViewPDF extends React.Component {
constructor(props) {
super(props);
this.state = {
page: 0,
pages: 2
};
this.onDocumentComplete = this.onDocumentComplete.bind(this);
this.onPageComplete = this.onPageComplete.bind(this);
}
onDocumentComplete(pages) {
this.setState({ page: 1, pages });
}
onPageComplete(page) {
this.setState({ page });
}
render() {
return (
<div>
<PDF file="{Resume}"/>
</div>
);
}
}
export default ViewPDF;
我在src / screen / Contact.jsx
下创建了页面'Contact.jsx'的代码是:
import React, { Component } from "react";
import Navbar from "../components/Navbar.jsx";
import Footer from "../components/Footer.jsx";
import Jumbotron from "../components/Jumbotron.jsx";
import { Document } from "react-pdf";
import ViewPDF from "../components/ViewPDF.jsx";
class Contact extends Component {
render() {
return (
<div>
<Navbar />
<Jumbotron title="welcome" subtitle="put something" />
<div className="container">
<h2>Contact Me</h2>
<p>
Email Address:
<a
href="mailto:abc4@gmail.com?Subject=Hello"
target="_top"
>
Click here for my Email Address
</a>
</p>
<p>
Click here for my resume!
<a href="../Download/Resume.pdf">resume</a>
</p>
<ViewPDF />
</div>
<Footer />
</div>
);
}
}
export default Contact;
我的PDF文件在src / Download / Resume.pdf下保存在本地。
我是React的新手。当我在Chrome中打开页面时,收到以下错误消息:
未处理的拒绝(UnknownErrorException):API版本“2.0.91”与工作服版本“1.10.97”不匹配
提前谢谢!