reactjs - 未找到 PDF 文件但位置正确？

Question

我正在尝试在网站上显示 PDF。我正在使用包 react-pdf。我的组件如下所示：

import React from 'react';
import { Document, Page } from 'react-pdf';

export default function Resume() {
    return (
        <Document file="../../resume.pdf">
            <Page />
        </Document>
    )
}

当组件呈现时，我在网页上收到此错误：

Failed to load PDF file.

我的路径应该是正确的。目录是这样的：

src/
  app.js
  index.js
  resume.pdf
  components/
    Resume/
      index.js

这可能是PDF本身的问题吗？PDF 是我编写为 html/css 并保存为 PDF 的文件。

Answer 1

如果有人遇到这个问题，我最终放弃了 react-pdf 包。我只需要查看 pdf，所以我只使用了 embed 标签，如下所示：

<embed src={require('../../file.pdf'} />