0

我正在使用 ReactJS 构建一个站点，并且我想创建一个指向本地 HTML 文件的链接（a href="relativepath"），以便当用户单击该链接时，它将打开 html 页面。本地文件在项目外的不同文件夹 X 中，我不想将其上传到我的 src 文件夹中，因为 html 文件依赖于 X 中的许多其他文件。有没有好的方法呢？

我还想上传一个不同的本地 HTML 文件，该文件已经在我的 React 应用程序的 src 文件夹中。我目前有这样的事情： import htmlFile from "../links/htmlFile.html"; export default function Something(props) { return (<a href={htmlFile}></a>)} 它在我的终端上说

您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件。请参阅https://webpack.js.org/concepts#loaders > <html>| | <head> >

我已经尝试添加 webpack + 一个 htmlLoader，但我认为我错误地执行了这些步骤，因为我无法让它工作。我卸载了这些软件包，所以我现在回到第一方。太感谢了！

4

1 回答 1

0

除非这些本地文件也部署到与应用程序相关的同一位置的服务器（并且 Web 服务器可以访问该位置），否则仅链接到其他位置的本地文件或从其他位置导入本地文件是行不通的。

因此，您需要将文件及其链接的依赖项复制到一个文件夹中，该文件夹将与您的 react 构建一起部署，但不是将其视为 react 代码库的一部分，因此 webpack 将尝试编译它（所以不是在src任何一个）。

例如，如果您曾经create-react-app设置过您的应用程序，这将是文件public夹；其他 webpack 设置可能使用不同的名称，但一般概念是相同的。

于 2021-02-08T20:02:46.783 回答