导入 PDF 导致错误 URIError: Pathname cannot be decoded

Question

我正在尝试为用户创建一个下载按钮以从浏览器下载 pdf。我在我的仓库中的一个文件夹中添加了 pdf 文件：

{
   test: /\.pdf$/,
   use: "raw-loader",
},

到我的 webpack 解决了它无法编译的问题。但现在我收到一个错误提示

URIError: Pathname "%PDF-1.7
... " could not be decoded. This is likely caused by an invalid percent-encoding.

我的组件很简单

import React from "react";
import CGXPDF from "../../images/SDPA_CGX.pdf";
import { Link } from "react-router-dom";

const PDFDownloadButton = ({ visitType }) => {

  return (
    <Link to={CGXPDF} target="_blank">Download Requisition Form</Link>
  );
};

我还是新手，所以我非常感谢任何帮助。 提前致谢！

Answer 1

问题原来是我的 webpack 中的 use: "raw-loader"。将其更改为 use: ["file-loader"], 解决了此问题。