reactjs - webpack 5 module.hot 未定义

Question

我最近将我们的 React 应用程序升级到 webpack5，一切正常，但浏览器错误Uncaught ReferenceError: module is not defined显示此代码：

if (module.hot) {
    module.hot.accept('./Layout/Layout', () => {
        render();
    });
}

谁能解释发生了什么以及我能做些什么来解决这个问题？

Answer 1

在 webpack5 中，所有 nodejs 变量都像processormodule被删除，因此要进入module.hotwebpack 5，您需要使用import.meta.webpackHot并将代码更改为：

    if (import.meta.webpackHot) {
        import.meta.webpackHot.accept('./Layout/Layout', () => {
            render();
        });
    }