Async-Routen verursachen einen ungültigen Fehler bei der serverseitigen Prüfsumme

Ich verwende Webpack, React, React-Router, React-Redux, Redux und Simple-Redux-Router.

Ich habe diesen Fehler erhalten, als ich den React-Router mit asynchronen Routen und serverseitigem Rendering verwendet habe:

bundle.js:1 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) <noscript data-reacti
(server) <div data-reactid=".1

Meine routes.cjsx hat dies:

# Routes
path: 'game'
getComponent: (location, cb) =>
    require.ensure [], (require) =>
        cb null, require './views/game'

Wenn ich dies ändere, wird dieser Fehler nicht mehr angezeigt:

# Routes
path: 'game'
getComponent: (location, cb) =>
    cb null, require './views/game'

Gibt es eine bessere Möglichkeit, dieses Problem bei der Verwendung von asynchronen Routen zu lösen?

Antworten auf die Frage(2)

Ihre Antwort auf die Frage