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

执行ng serve时遇Webpack querystring模块缺失问题,如何解决?

解决Angular项目ng serve时querystring模块找不到的问题

你遇到的核心问题是Webpack 5不再自动对Node.js核心模块进行polyfill,而webpack-dev-server的客户端代码依赖querystring模块,导致构建报错。之前直接设置"querystring": false会禁用该模块的引入,破坏了socket连接逻辑,所以页面无法正常渲染。以下是正确的解决步骤:

步骤1:安装浏览器兼容的querystring替代包

执行命令安装querystring-es3(这是Node.js querystring模块的浏览器兼容实现):

npm install querystring-es3 --save-dev

步骤2:修改package.json的browser配置

替换之前的错误配置,将querystring映射到安装的兼容包:

"browser": {
  "querystring": "querystring-es3"
}

步骤3:重启开发服务器

停止当前的ng serve进程,重新执行:

ng serve

完成后访问http://localhost:4044,应该能正常显示Angular默认应用了。

另外,日志里的chokidar EBUSY错误是因为监听了系统根目录下的锁定文件(如pagefile.sys等),这些属于非核心错误,不会影响应用运行,可忽略。如果想消除这些错误,可以在angular.json的build配置中添加watchOptions来排除系统目录,但一般不需要额外处理。

内容的提问来源于stack exchange,提问作者user20352211

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.10 14:35:05