我想为我的网站加载我的简历的 html 版本。但它无法编译答案

【问题标题】：I want to load an html version of my resume for my website. But its failing to compile我想为我的网站加载我的简历的 html 版本。但它无法编译
【发布时间】：2020-02-08 13:01:35
【问题描述】：

import ResumeHTML from "resume.html"

const ReactComponent = () => {
   return (<a href={ResumeHTML}>View Resume</a>)
}

编译失败

./src/assets/resume.html 1:0 模块解析失败：意外令牌 (1:0) 您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件。见https://webpack.js.org/concepts#loaders

【问题讨论】：

你在使用create-react-app吗？
你是在解析 Html 还是 Html 页面？
这真的很奇怪；如果resume.html 是一个HTML 文件，那么您可能希望href 指向文件的位置，而不是文件的内容....即“href="this is the text from the resume....”实际上是无效的。最重要的是，将 HTML 内容导入 JavaScript 类也不太正确......

标签： html reactjs

【解决方案1】：

发生错误是因为 Webpack 不知道如何处理您的 javascript 模块中 .html 文件的导入。

如果你的项目中有 webpack 配置，你可以为 html 文件添加一个加载器，可能是 file-loader，它将你的文件复制到公共目录中，并用你的 javascript 模块中的链接替换它。

如果您无权访问您的 webpack 配置（例如，如果您使用的是 Create React App 的非弹出版本），您应该改为公开您的 html 文件并在您的 javascript 模块中硬编码链接而不导入文件。

【讨论】：