React热重载未正常工作。 在webpack入口中,我有以下代码。
entry: {
home: [
'webpack-dev-server/client?http://0.0.0.0:8000',
'webpack/hot/dev-server', // add "only-dev-server" prevents reload on syntax errors
path.join(__dirname, 'app/home-styles.js')
],
main: [
'babel-polyfill',
path.join(__dirname, 'app/styles.js'),
path.join(__dirname, 'app/vendor.js'),
path.join(__dirname, 'app/index.js')
]
},
在dev-server中,我设置了hot=true;
并且我有以下代码来包装热更新Provider:
class Root extends Component {
render() {
const { store, history } = this.props;
return (
<Provider store={store}>
<Router history={history} routes={routes(store)}/>
</Provider>
);
}
}
export default hot(module)(Root);
在控制台中显示结果,但当有改变时没有任何反应。因此,基本上看起来像是热重载正在工作,但是没有反映出任何变化。我错过了什么? 我正在使用react 16.2.*和react-hot-loader @4.0.*以及webpack @4.5.*。
![enter image description here](https://istack.dev59.com/X4iWR.webp)