Javascript ReactDOM.hydrate()在初始SSR(React JS)后不工作

Javascript ReactDOM.hydrate()在初始SSR(React JS)后不工作,javascript,reactjs,webpack,react-redux,react-router,Javascript,Reactjs,Webpack,React Redux,React Router,在应用程序的初始服务器端呈现之后,onClick事件(在我的Homepage.js组件中的一个按钮上)没有执行。我的client.js文件中的ReactDom.hydrate()似乎不起作用。任何帮助都将不胜感激!对于整个代码库,您可以转到以下repo 运行和复制问题的步骤: npm安装 npm运行开发 在浏览器中打开localhost:3000 单击出现的按钮 您应该在控制台中看到一些消息,但您没有看到 homepage.js: 从“React”导入React 从“react redux

在应用程序的初始服务器端呈现之后,onClick事件(在我的Homepage.js组件中的一个按钮上)没有执行。我的client.js文件中的ReactDom.hydrate()似乎不起作用。任何帮助都将不胜感激!对于整个代码库,您可以转到以下repo

运行和复制问题的步骤:

  • npm安装
  • npm运行开发
  • 在浏览器中打开
    localhost:3000
  • 单击出现的按钮
  • 您应该在控制台中看到一些消息,但您没有看到
homepage.js:

从“React”导入React
从“react redux”导入{connect}
类。组件{
示例方法(){
console.log('狗屎在下')
}
render(){
返回(
{this.props.state.attributes.name}
这个.exampleMethod()}>控制台记录一些文本
)
}
}
const-mapStateToProps=(state)=>({state:state.optimizelyReducer});
const mapDispatchToProps=(调度)=>({
dataFileManager:(计时、id、属性)=>dispatch({type:'USER_SERVICE',id:id、属性:attributes},
分派({type:'DATAFILE_MANAGER',timing:timing}),
updateAttr:(attr)=>dispatch({type:'UPDATE\u attr',attr:attr,value:value})
});
主页=连接(mapStateToProps、mapDispatchToProps)(主页);

导出默认主页您必须检查以下几点:

  • 为什么在客户端网页配置中使用
    target:'node'
  • 怎么了?为什么是巴别塔
  • 此外,根据编译javascript的方式,您可能需要在客户端条目中添加
    babel polyfill

你好!如果我没有在我的client_bundle.js脚本上放置type='babel',它会导致发生引用错误。这是因为脚本标记甚至没有加载。错误是
require not defined
,如果我没记错的话,可能是类似于这些内容的错误。