webpack 5 module.hot 未定义

2024-05-21 • 问答

我最近将我们的 React 应用升级到了 webpack5，一切正常，但浏览器错误提示 Uncaught ReferenceError: module is not defined 出现在这段代码中：

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

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

在 webpack5 中，所有 nodejs 变量如 process 或 module 都被删除，因此要在 webpack 5 中获得 module.hot，您需要使用 import.meta.webpackHot 并将您的代码更改为：

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