webpack5模块.Hot没有定义

Question

我最近将我们的react应用程序升级到webpack5，一切正常，但浏览器错误说Uncaught ReferenceError: module is not defined在这段代码:

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

谁能解释一下发生了什么，我能做些什么来解决这个问题?

Answer 1

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

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