使用react-pdf时出现严重依赖警告

Question

我正在尝试在React应用程序上显示pdf，并且收到以下警告：

/node_modules/react-pdf/node_modules/pdfjs-dist/build/pdf.js关键依赖项：require函数以无法静态提取依赖项的方式使用

Vscode在导入功能下告诉我这一点。

找不到模块'react-pdf'的声明文件

已经尝试运行npm install，npm install react-pdf然后重新安装软件包

import React, { Component } from 'react';
import { Document } from 'react-pdf';
import sample from 'file location'
export default class viewer extends Component {
    render() {
        return (
            <div>
                <Document
                    file={sample}
                    onLoadSuccess={this.onDocumentLoadSuccess}
                >
                </Document>
            </div>
        );
    }
}

显示：

浏览器中的“无法加载PDF文件”

Answer 1

此代码将显示您的 pdf 文件，但问题将显示在 IDE 控制台中。

import { Document, Page, pdfjs } from "react-pdf";
pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;

就我而言，我使用的是 webpack 4，但尚不支持它。如果你构建项目它会工作得很好。