React - 打开 PDF 文件而不导入它们答案

【问题标题】：React - Open PDF files without importing themReact - 打开 PDF 文件而不导入它们
【发布时间】：2020-10-30 10:44:26
【问题描述】：

我正在尝试找到一种直接从其位置打开 PDF 文件的方法。我知道我可以用它来打开文件。

import pdf from './file.pdf
<a href={Pdf} target = "_blank">Open Pdf</a>

但这对我不起作用，我正在为我工作的一家小公司使用 React 和 Node 构建一个项目列表应用程序，每个新项目都需要一个 PDF 格式的证书。用户需要能够在创建新项目时添加 PDF 文件并在需要时打开它。他们希望应用程序在互联网上运行，但所有证书都在他们的本地服务器上，所以只有连接到他们网络的人才能看到它们。这可以吗？

我只是想将 pdf 文件的路径保存在数据库中，然后使用该路径在 app.xml 中显示它。像这样。

<a href="//10.0.0.246/share/cert/scan/file.pdf" target = "_blank">Open certificate</a>

但我现在无法让它工作，即使该文件与我的应用位于同一文件夹中。

【问题讨论】：

标签： node.js reactjs pdf

【解决方案1】：

你可以使用require函数。

<a href={require("//10.0.0.246/share/cert/scan/file.pdf")} target = "_blank">Open certificate</a>

【讨论】：

谢谢，就是这样！很简单。我只有一个问题，当我尝试使用不在 scr 文件夹中的文件时，我收到此错误Relative imports outside of src/ are not supported.，当应用程序在线部署时，我是否可以使用任何文件，这只是 create-react-app东西？
查看此链接stackoverflow.com/questions/44114436/…
最后，我无法让它按照我的需要工作。我做了一个空的 create-react-app 并像链接中的答案所说的那样弹出它，但仍然像以前一样出现错误。此外，当我在 require 中使用变量时出现错误，因为我需要通过一组项目进行映射并显示它们，这是错误 Critical dependency: the request of a dependency is an expression，如果没有指向证书或错误。
我不确定您的新代码库如何，但我只想告诉您，您需要使用require 来处理非导入 pdf 文件。
require 如果 pdf 在 scr 文件夹中并且像这样 require("//10.0.0.246/share/cert/scan/file.pdf") 有效，但如果我尝试这样做 require(url) where let url = "//10.0.0.246/share/cert/scan/file.pdf" ，它就不再起作用了。