흐름 라우터 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

은 참조 : this issue was discussed here

당신은 클라이언트와 서버에서 동일한 process.env.NODE_ENV를 사용해야합니다.

해결 방법 : 사용 웹팩 (또는 browserify) : 추가 정보를 위해

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

: http://www.material-ui.com/#/get-started/server-rendering

Answer 2

서버가 클라이언트와 다른 것을 렌더링하는 것을 찾아야합니다. 나는 물질적 인 것 같아요. 특정 기능에 브라우저 스위치가있는 것 같아요. 일단 당신이 그것을 발견하면, 나는 더 많은 것을 도울 수 있습니다.