未在页面上呈现html。

Question

我试图使用react-snap插件将页面上的html呈现为源代码，并在package.json中使用以下配置

package.json

{
..//
"scripts": {
    "test": "jest",
    "coverage": "jest --coverage",
    "build:prod": "rm -rf dist && webpack --mode production --config webpack.prod.js",
    "start:dev": "rm -rf dist && webpack-dev-server --mode development --config webpack.dev.js",
    "postbuild": "react-snap"
  },
"reactSnap": {
    "source": "dist",
    "inlineCss": true,
    "removeBlobs": true,
    "removeScriptTags": true,
    "removeStyleTags": true,
    "minifyHtml": {
      "collapseWhitespace": false,
      "removeComments": false
    }
  },
..//
}

index.js

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

但是它根本不起作用，请帮帮忙

Answer 1

我在启用inlineCss选项时也遇到了问题。把它变成假，然后再试一次。

"inlineCss": false,

它也适用于默认选项，这样您就可以完全删除package.json文件中的react选项。

但是，请注意使用react，我还有其他与页面刷新和反应路由器有关的问题。我不打算在这里详述，但我只知道，反应-应变不是完美的。