首页 文章

反应热重装不适用于webpack 4

提问于
浏览 次
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);

这是控制台的结果，但是当有一些变化时没有任何反应 . 所以基本上看起来好像热重载正在工作但是......没有任何变化反映出来 . 我在这里想念的是什么？
enter image description here

我正在使用react 16.2 . *和react-hot-loader @ 4.0 . * webpack @ 4.5 . *

javascript reactjs webpack webpack-dev-server react-hot-loader

1 回答

  • 0

    尝试更新你的开发服务器配置

    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);
    回复于

相关问题