程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了webpack 5 module.hot 未定义大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决webpack 5 module.hot 未定义?

开发过程中遇到webpack 5 module.hot 未定义的问题如何解决?下面主要结合日常开发的经验,给出你关于webpack 5 module.hot 未定义的解决方法建议,希望对你解决webpack 5 module.hot 未定义有所启发或帮助;

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

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

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

解决方法

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

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

大佬总结

以上是大佬教程为你收集整理的webpack 5 module.hot 未定义全部内容,希望文章能够帮你解决webpack 5 module.hot 未定义所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。