使用 redux 进行代码分割和服务器端渲染

Question

我正在按照 Dan Abramov here 的描述对我的 React+Redux 应用程序进行代码拆分，一切似乎都运行良好。但是，我也在服务器上呈现应用程序。这会导致this answer 记录的控制台错误。但是，我并没有尝试清理旧状态——我是在服务器计算状态时加载状态。问题是在加载代码分割模块之前，来自服务器的状态被加载到全局状态中。

如果我对 Dan 的理解正确，该错误只是一个警告，一切似乎都正常运行，但在几乎每个页面加载时都看到错误确实不是一个令人愉快的开发工作流程。

我可以/应该对我的代码分割代码做些什么来缓解这种情况？丹的例子几乎是逐字逐句的。

Answer 1

当它击中我时，答案很明显。就像您将 redux 状态发送给客户端一样，您需要在创建时告诉客户端哪些可选的 reducer 需要包含在组合的 reducer 中。

根据 Dan Abramov 在我的问题的链接答案中所做的工作，我将 store.asyncReducers 更改为路径数组而不是对象映射。然后我能够序列化这个数组并将它发送到前端，它能够require服务器端渲染使用的异步减速器。