firebase服务-React上下文返回未定义

Question

我目前正面临Firebase部署的问题，仅在生产环境中会发生。 我无法使用firebase serve命令在本地复制；即使我使用的是目标6.11.5节点版本。

这是我的麻烦：部署后，该网站将崩溃（服务器端），使用上下文的return属性渲染 React组件

组件提取物：

<div className='rank-item col-sm-6 col-lg-3'>
    <LangContext.Consumer>
      {
        ({ lang, langs }) => (
          // here, props are cools in development
          //   but are undefined in production
        )
      }
    </LangContext.Consumer>
</div>

应用程序根组件（目前props.lang和props.langs已正确设置，即使在生产环境中也是如此）：

export default props => (
  <LangContext.Provider value={ {
      lang: props.lang,
      langs: props.langs
  } }>
  </LangContext.Provider>
)

控制台中显示的问题：

您可能已经猜到了，我正在使用webpack到commonjs2模块构建SSR代码。这里的错误堆栈跟踪指的是这行已构建的代码：

我有点惊讶，因为我已经在生产环境中使用了React的Context功能，但是现在无法弄清楚可能是什么问题。谢谢您的帮助