PDF-файл не найден, но в правильном месте?

Question

Я пытаюсь отобразить PDF-файл на веб-сайте. Я использую пакет response-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 src={require('../../file.pdf'} />