在 React 中无法加载下载的 pdf 文档

Question

我正在尝试创建一个按钮，将我的简历下载到设备上，以获取网站作品集。 它可以在我的本地主机上运行，但当它被推送到 AWS-Amplify 时，它会返回此错误。

我将导入从相对更改为绝对，但这并没有解决问题。 简历当前位于根文件夹中。

import resume from './KuroUsaResume.pdf'
import 'stylesheets/Home.css';


function Home() {
  return (
    <div className="home">

      .....
      
      .....

        <a href= {resume} download="KuroUsa's_Resume.pdf">
          <button className='home--download-button'>Download CV</button>
        </a>
        
      </div> 

      <div className="home--body">
        <img src={me} className="logo" alt="logo" />
      </div>
    </div>

  );
}

export default Home;

我的jsconfig文件：

{
    "compilerOptions": {
      "baseUrl": "src"
    },
    "include": ["src"]
}

Answer 1

我设法使用这个网站让它工作

在 ReactJS 中下载 PDF 文件可以在本地运行，但不能在 Amazon Amplify AWS 上运行

我必须指定 .pdf 文件是有效的可重定向文件类型，因为默认情况下它不存在。