反应：无法从 src 文件夹中获取本地文件，但可以从公共文件夹中获取答案

【问题标题】：React: Can't fetch local file from src folder, but can from public反应：无法从 src 文件夹中获取本地文件，但可以从公共文件夹中获取
【发布时间】：2020-11-02 02:32:19
【问题描述】：

我正在尝试获取本地文件“file.html”并将其设置为字符串状态。该程序无法在 src 文件夹中找到我的文件，而是在公共文件夹中。如何在 src 中做到这一点。

const [html, setHTML] = useState("");

async function getProjectCode() {
    const file = "file.html"
    await fetch(file)
    .then((response) => response.text())
    .then((data) => {
        setHTML(data);
    });
}

【问题讨论】：

在codesandbox中添加示例代码进行调试

标签： reactjs fetch-api

【解决方案1】：

对于 html 文件的静态导入，您可以使用 webpack HTML webpack plugin。如果它们是动态内容 (ajax)，则必须将文件从 src 文件夹移动到公共文件夹。

【讨论】：