构建后编辑 React 生成的内容

Question

我正在使用react-snap来预生成我的网站内容，而不是客户端渲染。

构建项目后，当我手动编辑index.html时，仅当编辑的元素在<div id="root"/>之外时才会应用更改。

我可以将scripts和meta标记添加到<head/>或<body/>的底部； 但是当我编辑<div id="root"/>的内容时没有任何反应。 当我检查站点时，内容没有改变，但html文件中的代码不同。

是什么导致了这种行为，我该如何绕过它？

Answer 1

为什么需要编辑index.html ？ 默认情况下， create-react-app使用index.html作为后备。

确保你没有使用这样的自闭标签： <div id="root"/>

并替换为：

<div id="root"> </div>