没有匹配组件的 html 内容的 react-router 服务器渲染

Question

我正在使用 react-router 1.0.0-rc3，并遵循此server rendering 指南。

这里是重点部分：

const html = renderToString(
  <Provider store={store}>
    <RoutingContext {...renderProps} />
  </Provider>
);

这是我的路线部分：

  <Route path="/" component={Container} >
    <IndexRoute component={App} />
    <Route path=":source/:owner/:name/:branch/tree/:corpus*" component={App} />
    <Route path=":source/:owner/:name/:branch/ticket/(:ticket)" component={App} />
  </Route>

我将html 输出为一个空的 div 元素，例如：

<div data-reactid=".whl3ehjj0g" data-react-checksum="12324050"></div>

服务端没有<App />组件渲染，客户端收到服务端渲染响应后<App />正常渲染，所有路由功能在客户端运行良好。

那么，我错过了什么？

Answer 1

好的，我想通了，实际上它与 react-router 无关，它是我代码中的循环依赖导致了问题。 :(

Answer 2

当我在组件中执行 export default 而不是 module.exports 时，我的问题是在执行 require。这为我解决了问题！