流路由器ssr，流星和材料ui

Question

我使用流星1.4和材料ui与反应，我得到这个错误

warning.js:36 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) ;width:100%;display:flex;padding-left:24 (server) ;width:100%;display:-webkit-box,-moz-box

我该如何解决？

Answer 1

您需要找到使服务器呈现与客户端不同的内容的原因。 我想在材料方面，有一个浏览器可以切换某些功能。 一旦你找到了，我可以提供更多帮助。

Answer 2

请参阅： 此问题已在此处讨论

您需要在客户端和服务器上使用相同的process.env.NODE_ENV 。

解决方案：使用webpack（或browserify）：

new webpack.DefinePlugin({
process: {
    env: {
        NODE_ENV: JSON.stringify(process.env.NODE_ENV)
    }
}})

欲了解更多信息： http ： //www.material-ui.com/#/get-started/server-rendering