时间戳

首页 > 解决方案 > 使用 react-pdf 时的严重依赖警告

javascript - 使用 react-pdf 时的严重依赖警告

问题描述

我正在尝试在反应应用程序上显示 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 文件失败”

标签： javascriptnode.jsreactjsnpmnpm-install

解决方案

我的完整解决方法。在根目录创建一个名为 config-overrides.js 的文件，它应该包含以下内容： module.exports = function override(config) { config.module.rules[0].parser.requireEnsure = true return config };

在那之后 npm 我 react-app-rewired 到你的应用程序并在 package.json 中更改你的构建函数以读取 react-app-rewired build/react-app-rewired start。现在应该这样做。

推荐阅读