Question

我希望在我从CRA开始的项目中拥有更好的搜索引擎。因此，我决定使用react-snap。该项目已部署在Netlify上。

在使用react-snap之前，一切正常。当然，一切都在以应有的方式发挥作用。但是在部署时，我得到了不同的结果-无法正常工作，也没有收到任何错误或警告。

index.js看起来像是react-snap描述中的

const rootElement = document.getElementById("root");
if (rootElement.hasChildNodes()) {
  hydrate(<App />, rootElement);
} else {
  render(<App />, rootElement);
}

serviceWorker.unregister();

该错误就像jsx无法正常工作，并且使用react-snap加载网站的方式变慢了。这是一些在开发中而不是在部署时有效的代码

{window.innerWidth > 960 ? (
  <h1>More than 960 px</h1>
) : (
  <h1>Less than 960 px</h1>
)}

无论窗口的大小如何，部署时它将显示“小于960像素”。如果单击子页面然后返回索引页面，它将正确显示“更多”。大于960像素”。

运行"build": "react-scripts build && react-snap"

怎么可能？谢谢！

有人在使用自定义钩子时使用react-snap吗？就像状态不起作用

React-snap搞砸了JSX运行版本

0 个答案: