node.js - React + react-router `require.ensure 按需加载 服务端渲染出错`
迷茫
迷茫 2017-04-17 14:56:06
0
1
707

我尝试使用require.ensure这个去做实现了按需加载的效果,但是因为我这边有做服务端渲染,所以现在是前端和服务端公用了一个路由控制器:

const routes = {
    component: Shell(Init),
    childRoutes: [
        {
            path: 'login',
            getComponent: (nextState, cb) => {
                require.ensure([], (require) => {
                    cb(null, require('../containers/login'))
                })
            }
        }
    ]
};

但是在服务端执行却报错了:

TypeError: require.ensure is not a function
    at Object.getComponent (D:/luoo/nodejs/app/routes/routes.jsx:49:25)
    at getComponentsForRoute (D:\luoo\nodejs\node_modules\react-router\lib\getComponents.js:29:16)
    at D:\luoo\nodejs\node_modules\react-router\lib\getComponents.js:41:5
    at D:\luoo\nodejs\node_modules\react-router\lib\AsyncUtils.js:84:5
    at Array.forEach (native)
    at mapAsync (D:\luoo\nodejs\node_modules\react-router\lib\AsyncUtils.js:83:9)
    at getComponents (D:\luoo\nodejs\node_modules\react-router\lib\getComponents.js:40:28)
    at finishEnterHooks (D:\luoo\nodejs\node_modules\react-router\lib\createTransitionManager.js:112:35)
    at runTransitionHooks (D:\luoo\nodejs\node_modules\react-router\lib\TransitionUtils.js:50:5)
    at runEnterHooks (D:\luoo\nodejs\node_modules\react-router\lib\TransitionUtils.js:93:10)

这个有哪个方案可以解决呢?

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

membalas semua(1)
黄舟

webpack target 为 node 的情况下,require 为原生 node.js 的 require,没有 require.ensure 方法.

你可以针对服务器环境写一个 shim

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan