使用react-pdf时的关键依赖警告

Question

我试图在react应用程序上显示一个pdf，并收到以下警告：

/node_modules/react-pdf/node_modules/pdfjs-dist/build/pdf.js关键依赖项:使用要求函数的方式不能静态提取依赖项

Vscode在import函数下告诉我这一点。

找不到模块“react”的声明文件

已经尝试运行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，它还没有得到支持。如果您构建项目，它将工作良好。

Answer 2

我的全部解决办法。在根目录中创建一个名为config-overrides.js的文件，它应该包含以下内容: module.exports =Function重写( config ){ config.module.rules.parser.requireEnsure =真值返回配置}；

在那之后，我反应-应用程序-重新连接到你的应用程序，并改变你的构建功能在package.json中读反应-应用程序重新连线建设/反应-应用程序重新连线开始。现在应该可以了。