You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

配置webpack-hot-middleware实现Node服务热重载遇模块找不到错误求助

Node + TypeScript + webpack-hot-middleware 热重载配置问题

我在Node服务器中尝试用webpack-hot-middleware实现热重载,做了一个TypeScript示例应用,访问localhost:3000/时控制台会打印'Hello endpoint',希望修改文本后,访问端点能实时更新输出。

我按照webpack-hot-middleware文档完成了以下配置:

  • 添加插件:new webpack.HotModuleReplacementPlugin();
  • 在webpack.config.js的入口中添加:webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000&reload=true;
  • 在server.ts中搭建Express应用,配置了webpack-dev-middleware和webpack-hot-middleware。

目前应用可构建,但运行Node时出现如下异常:

user@deskmini:~/src/webpack-node-hmr$ npm run dev

> webpack-node-hmr@1.0.0 dev
> node dist/server/server.js

/home/user/src/webpack-node-hmr/dist/server/server.js:270
/******/                        throw e;
                                ^

Error: Cannot find module 'webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000&reload=true'
Require stack:
- /home/user/src/webpack-node-hmr/dist/server/server.js
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:956:15)
    at Function.Module._load (node:internal/modules/cjs/loader:804:27)
    at Module.require (node:internal/modules/cjs/loader:1028:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000&reload=true (/home/user/src/webpack-node-hmr/dist/server/server.js:216:18)
    at __webpack_require__ (/home/user/src/webpack-node-hmr/dist/server/server.js:267:33)
    at /home/user/src/webpack-node-hmr/dist/server/server.js:1192:11
    at Object.<anonymous> (/home/user/src/webpack-node-hmr/dist/server/server.js:1195:12)
    at Module._compile (node:internal/modules/cjs/loader:1126:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1180:10) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [ '/home/user/src/webpack-node-hmr/dist/server/server.js' ]
}

程序似乎无法处理查询参数,我做了以下尝试但未解决问题:

  • 移除查询参数后,webpack-hot-middleware/client.js可找到,但报错__resourceQuery未定义,且我仍需传递参数;
  • 完全移除该入口后,webpack-dev-server可编译但修改无法同步到端点输出;
  • 参考其他Stack Overflow帖子操作后仍出现相同错误。

请问如何解决该问题,实现热重载让修改直接同步到编译后的server.js文件?

我的GitHub仓库地址:https://github.com/jlemein/webpack-node-hmr/tree/stackoverflow-hmr-question


内容的提问来源于stack exchange,提问作者J. Lemein

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.27 10:32:18