React Hot Reload无法与Webpack 4一起使用 [英] React hot reload not working with webpack 4
问题描述
反应热重装无法正常工作. 在webpack条目中,我有以下代码.
React hot reload is not working. In webpack entry, I have following code.
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')
]
},
在开发服务器中,我的名字是hot = true;
and in dev-server I have hot = true;
并且我有以下代码用于将提供程序封装为热
and i have below code for wrapping Provider in hot
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);
这是在控制台中得到的结果,但是当进行一些更改时什么也没有发生.因此,基本上看起来好像热装正在工作,但是..没有任何变化反映出来.我在这里想念什么. ?
This is result in console, but nothing happens when there is some change. So basically it appears as if hot reload is working but.. no changes reflects. What am I missing here. ?
我正在使用react 16.2.*和react-hot-loader @ 4.0.*一个webpack @ 4.5.*
I am using react 16.2.* and react-hot-loader @4.0.* an webpack @4.5.*
推荐答案
尝试像这样更新您的开发服务器配置
try updating your dev server config like so
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);
这篇关于React Hot Reload无法与Webpack 4一起使用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!