React-Redux-Server-Rendering icon indicating copy to clipboard operation
React-Redux-Server-Rendering copied to clipboard

请问一下修改组件代码,刷新页面的时候会报client和server渲染出来的页面不一致的错误,该如何解决

Open yourenA opened this issue 8 years ago • 7 comments

Warning: 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: (client) isomorphic-redux-app12</a></h1><div clas (server) isomorphic-redux-app</a></h1><div class=

yourenA avatar Jan 11 '17 02:01 yourenA

你可能修改组件的时候写错代码了吧,你修改了那部分代码,我看下我这边会不会报错

cllgeek avatar Jan 11 '17 02:01 cllgeek

我只是修改了标题的一个字符也是报错,应该是client更新了,可是server没有更新

yourenA avatar Jan 11 '17 03:01 yourenA

使用的是npm start 命令

yourenA avatar Jan 11 '17 03:01 yourenA

我知道什么原因了,因为你修改client代码的时候webpack热加载了代码,而服务端没有更新加载代码所以导致渲染不一致,把npm start 的 node index.js 换成nodemon index.js 就可以了,前提是你安装了nodemon

cllgeek avatar Jan 11 '17 05:01 cllgeek

还是不行,nodemon只是监听 index.js。我修改的时候不是修改server端的代码,只是修改组件的代码

yourenA avatar Jan 11 '17 05:01 yourenA

你修改组件代码的时候没有遇到这个问题吗

yourenA avatar Jan 11 '17 06:01 yourenA

遇到了这个问题,但是我用了nodemon之后就不会报这个错了

cllgeek avatar Jan 11 '17 06:01 cllgeek