Rendu des codes et rendu côté serveur avec redux

Question

Je codeplitting mon application React + Redux comme décrit par Dan Abramov here, et tout semble fonctionner correctement. Cependant, je rends également l'application sur le serveur. Cela entraîne une erreur de console documentée par this answer. Cependant, je n'essaie pas de nettoyer l'ancien état — Je charge l'état comme le serveur l'a calculé. Le problème est que l'état du serveur est chargé dans l'état global avant le chargement des modules. Si je comprends bien Dan, l'erreur est juste un avertissement, et tout semble fonctionner correctement, mais ce n'est vraiment pas un processus de développement agréable pour voir des erreurs sur presque chaque chargement de page.

Y a-t-il quelque chose que je peux/que je devrais faire différemment avec mon code de division de code pour remédier à cela? C'est presque mot pour mot à l'exemple de Dan.

Answer 1

La réponse était plutôt évidente quand elle m'a frappé. Tout comme vous envoyez l'état redux au client, vous devez indiquer au client quels réducteurs optionnels doivent être inclus dans le réducteur combiné lors de la création. Basé sur le travail de Dan Abramov dans la réponse liée à ma question, j'ai changé store.asyncReducers en un tableau de chemins au lieu d'une carte d'objets. Ensuite, j'ai été en mesure de sérialiser ce tableau et de l'envoyer au frontal où il était capable de réduire les asynchrones que le rendu côté serveur utilisait.