DebugEngine module.hot error in vite (webpack5 and esm generally?)

[RobIsHere]

The error "module is undefined" at module.hot checks in DebugEngine shows up.

After some reading I'm just getting more confused about that.

• The webpack 5 docs suggest that it has been moved to import.meta.webpackHot because of removal of module
• The vite docs suggest it has always been in import.meta.hot there (the docs at the rollup plugin)

After all it seems to depend on the bundler and on cjs vs esm modules.
Anyway its uses should be guarded against undefined parent objects and the three diffferent paths ["module.hot", "import.meta.hot", "import.meta.webpackHot"] should all be checked for it IMHO.

[martijndeh]

Confirmed. DebugEngine is not working in vite.

As a workaround I'm setting the global module:

const m = {
  hot: {
    addStatusHandler: (cb: (status: string) => void) => {
      import.meta.hot?.dispose(() => {
        cb("dispose");
      });
    },
  },
};
// eslint-disable-next-line @typescript-eslint/no-explicit-any
(window as any).module = m;

Make sure to guard this appropriately.