Flow router ssr, метеор и материальный интерфейс

Я использую метеор 1.4 и материал пользовательского интерфейса с реагировать, и я получаю эту ошибку

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

Как это исправить?

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/

Вам нужно найти то, что заставляет сервер рендерить что-то отличное от клиента. Я полагаю, что в Material-UI есть некоторые функции, которые используются браузером. Как только вы нашли это, я могу помочь больше.

Другие вопросы по тегам