React 代码拆分中的 require.ensure 错误答案

【问题标题】：require.ensure error in React Code SplittingReact 代码拆分中的 require.ensure 错误
【发布时间】：2017-01-26 20:32:59
【问题描述】：

我正在使用 react-router 的代码拆分（动态路由）。从 webpack 构建应用程序时不会出错，但是在运行它时，会出现 require.ensure is not a function 错误。我也在使用服务器端渲染。

以下是我的 getComponent 代码

module.exports = {
path: "/",
getComponent(nextState, cb) {
    require.ensure([], (require) => {
        cb(null, require('./component/Home'));
    })
}
};

【问题讨论】：

标签： reactjs webpack react-router

【解决方案1】：

我认为服务器端渲染不支持require.ensure，因为节点有自己的require，当你使用服务器端渲染时，它会使用node require，而不是webpack require。

我认为您应该尝试为服务器和客户端使用不同的路由。服务器路由不使用dynamic route

【讨论】：