reactjs - 部署应用程序时，我的 PDFObject 不显示文件

Question

我有一个 PDF 文件，我在调用路由时使用依赖项在屏幕上呈现react-pdfobject，就像这样：

import { useEffect } from 'react';
import Policy from 'assets/privacy-policy.pdf';
import { PDFObject } from 'react-pdfobject';

export function PrivacyPolicy() {

    useEffect(() => {
        document.querySelector('#pdfobject').classList.add('pdf-display');
    }, []);

    return (
        <PDFObject url={Policy} style={{width: '100%', height: '100vh'}}>
        </PDFObject>
    );
}

我在 中添加的类useEffect只是为了确保元素将具有width: 100%and height: 100vh。

我的问题是，当我在 localhost 上运行我的应用程序时，这段代码可以完美运行，但是当我在 AWS Amplify 上部署它时，带有 PDF 文件的组件不会呈现。唯一呈现的是应用程序的标题，就像我在主页上一样。

以下是两种情况下发生的情况的图像。

谁能告诉我为什么会这样？

标签： reactjspdfaws-amplifypdfobject