[英]React hot reload not working with webpack 4
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;
我有以下代碼在熱門包裝提供商
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。*
嘗試更新您的開發服務器配置
const devServerOptions = {
contentBase: './dist',
hot: true,
host: 'beta.whenidev.net',
https: true,
};
// if you're adding a dev server entry do it like this
WebpackDevServer.addDevServerEntrypoints(config, devServerOptions);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.