在 Remix 中链接到静态资产 (PDF)？答案

【问题标题】：Linking to static asset (PDF) in Remix?在 Remix 中链接到静态资产 (PDF)？
【发布时间】：2022-11-05 05:48:20
【问题描述】：

我想在组件中添加一个链接，该链接指向驻留在应用程序代码库中的 PDF 文档：

const SomeComponent = () => {
    ...
    return <a href="../../shared-assets/some-pdf.pdf">Download</a>
}

我已将其添加到 public 文件夹中，并在项目根目录中的自定义文件夹 (shared-assets) 中进行了尝试。两次都没有找到该文件——可能是因为该文件的路径不存在（不确定我将如何设置它）。

我也尝试像图像一样导入它，但这在终端“没有为'.pdf'文件配置加载器”中引发错误。

import somePdf from '../../shared-assets/some-pdf.pdf';
...
<a href={somePdf}>Download</a>

那么我如何让这个工作呢？

【问题讨论】：

标签： remix

【解决方案1】：

静态内容应存储在。/上市文件夹。

所以./public/shared-assets/some-pdf.pdf

链接为<a href="/shared-assets/some-pdf.pdf">Download</a>

中的文件。/上市相对于根/ URL。

至于导入文件，只处理here 列出的文件扩展名。不幸的是，PDF 不是其中之一。

【讨论】：

【解决方案2】：

有同样的问题，也发现上面列出的所有解决方案都不可行。

所以今天我也来到了这个答案https://stackoverflow.com/a/72912001/11101892也许你可以尝试一下，因为必须有一种方法可以让这种类型的东西发挥作用。

【讨论】：