0

我正在做 Nodeschool 的 react 教程,模块名为learnyoureact.

我正在Isomorphic上课(11 次中的 8 次),我遇到了警告:

warning.js:44Warning: React attempted to reuse markup in a container but the checksum was invalid.
This generally means that you are using server rendering and the markup generated on the server was not what the client was expecting.
React injected new markup to compensate which works but you have lost many of the benefits of server rendering. 
Instead, figure out why the markup being generated is different on the client or server:

我的解决方案与此解决方案相同,我什至尝试从该解决方案复制和粘贴,但我仍然收到相同的警告。要重新创建问题,请从上面的 repo 中复制代码。

这是什么意思呢?我查看了一些关于此的 SO 帖子,例如thisthis,但我认为解决方案与我的问题/警告无关。作为一个 React 新手,我对接下来要做什么感到困惑。HTML 页面看起来不错,但learnyoureact模块说生成了不同的 HTML,我也可以在 Chrome 的检查工具中看到这一点。

我发现问题出在这条线上。

ReactDOM.render(<TodoBox data={data} />, document.getElementById("app"));

我该如何解决这个问题/警告?谢谢!

这是错误跟踪的图片:

在此处输入图像描述

这就是我现在看到的。node program.js在我离开并在几个小时后重新运行后,警告神秘地消失了,但在我的终端中,我仍然得到相同的错误 HTML。有任何想法吗?

在此处输入图像描述

4

0 回答 0