繁体   English   中英

使用带有反应pdf的gatsby导入PDF,返回错误

importing PDF using gatsby with react pdf, returns error

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

尝试在gatsby中使用react pdf导入PDF,但未找到文件错误

    import React, { useState } from 'react';
    import { Document, Page } from 'react-pdf';
    import mypdf from "../images/mypdf.pdf";
    
    export default function MyDocuments() {
        const [ numPages, setNumPages ] = useState(null);
        const [ pageNumber, setPageNumber ] = useState(1);
    
        function onDocumentLoadSuccess({ numPages }) {
            setNumPages(numPages);
            setPageNumber(1);
        }
    
        function changePage(offset) {
            setPageNumber((prevPageNumber) => prevPageNumber + offset);
        }
    
        function previousPage() {
            changePage(-1);
        }
    
        function nextPage() {
            changePage(1);
        }
    
        return (
            <div className="container">
                <Document file={mypdf} onLoadSuccess={onDocumentLoadSuccess} className="container">
                    <Page pageNumber={pageNumber} />
                </Document>
                <div className="container">
                    <p>
                        Page {pageNumber || (numPages ? 1 : '--')} of {numPages || '--'}
                    </p>
                    <button type="button" disabled={pageNumber <= 1} onClick={previousPage}>
                        Previous
                    </button>
                    <button type="button" disabled={pageNumber >= numPages} onClick={nextPage}>
                        Next
                    </button>
                </div>
            </div>
        );
    }

错误:

Failed to load PDF file.

Page 1 of --

已经尝试导入资产并执行“ ../images/mypdf.pdf”,我知道文件在那里,有人知道如何修复以正确显示PDF吗?

问题暂未有回复.您可以查看右边的相关问题.
1 使用phpmailer发送带有动态附件(pdf)的邮件会返回pdf错误

我正在使用php mailer附加和发送发票pdf。 这就是我用来发送邮件的 通过这种方式,我将某些值发送到特定页面,这将生成pdf,并将通过电子邮件将生成的pdf作为附件发送。 问题出在名称参数上。 当我仅以字符串形式提供名称时,将发送带有附件的邮件,并且可以打开pdf。 ...

2 使用 expo 显示带有本机反应的离线 pdf

正如标题所说,我正在尝试使用 EXPO 在 react-native 上显示保存在资产文件夹中的 pdf 文件,关于如何做到这一点的任何想法? 现在我有一个暂时的解决方案,它显示谷歌驱动器的 webview 读取 pdf,但我想用本地 pdf 文件离线完成。 ...

3 使用Maven导入PDF

我正在使用Eclipse和Java,并且正在查看两个不同的项目(工作区1和工作区2)。 我正在使用PDF Images尝试将某些内容从WS1移植到WS2。 正在执行的代码是 在WS1中,这可以正常工作。 在WS2中,pdfDocument没有getPage()方法。 我检查了 ...

2018-10-30 15:32:34 0 29   maven/ pdf
4 使用Python将带有文本的PDF文件导入CSV文件

我在这里有点受阻。 我被要求使用Python将PDF文件放入CSV文件。 我一直在寻找互联网,并在此地址找到了本指南: https://www.blog.pythonlibrary.org/2018/05/03/exporting-data-from-pdfs-with-python/ ...

5 在 Gatsby 中添加 PDF 文件

对 Gatsby 来说很新,并试图建立我的投资组合,以满足专业目的。 一个问题:我不确定如何在特定页面中添加 pdf 文件的不同步骤(点击后,用户可以在另一个选项卡上查阅它)。 这是我的回购链接: https : //github.com/chrisnopa/new_portfolio/tree/m ...

6 如何使用 iText 返回 PDF

我试图返回带有简单文本的 PDF,但在下载文档时出现以下错误:无法加载 PDF 文档。 任何有关如何解决此问题的想法表示赞赏。 ...

7 使用 PDFsharp 连接 PDF 返回空 PDF

我有一个存储为list&lt;byte[]&gt;的 PDF list&lt;byte[]&gt; 。 我尝试使用 PDFsharp 连接所有这些 PDF 文件,但在我操作后,我得到了一个页数正确的 PDF,但所有页面都是空白的。 看起来我丢失了一些标题或其他东西,但我找不到在哪里。 我的代码: ...

9 无法使用mpdf导入PDF

大家。 我最近开始在我的网站上使用mpdf。 创建新的pdf效果很好,但是我无法导入现有的pdf。 每当我尝试执行导入时,都会收到此错误: (这不是真正的路径) 我在PHP中包含了mpdf。 该文件夹和文件位于chmod 777上,而pdf均为1.4版 这是我尝试 ...

10 使用TCPDF将Amchart导入PDF

我正在使用Amchart在我的网站上显示柱形图。 现在,我必须使用TCPDF库从这些HTML生成pdf报告。 问题是如何将amchart导入图像并将其同时放入PDF。 当我单击pdf下载按钮时,应将图表导入为PNG,然后此图像将显示在生成的pdf中,这些过程应通过单击下载按钮完成。 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM