执行Angular ng serve命令时出现Cannot read properties of undefined (reading '100')错误

问题场景 #

在路径D:\freelancing下执行ng serve -o时触发未处理异常，错误提示：

Cannot read properties of undefined (reading '100')

完整报错栈信息：

[error] TypeError: Cannot read properties of undefined (reading '100')
at forEachCode (D:\freelancing\node_modules\http-errors\index.js:261:45)
at Array.forEach (<anonymous>)
at populateConstructorExports (D:\freelancing\node_modules\http-errors\index.js:259:9)
at Object.<anonymous> (D:\freelancing\node_modules\http-errors\index.js:31:1)
at Module._compile (node:internal/modules/cjs/loader:1105:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1159:10)
at Module.load (node:internal/modules/cjs/loader:981:32)
at Function.Module._load (node:internal/modules/cjs/loader:822:12)
at Module.require (node:internal/modules/cjs/loader:1005:19)
at require (node:internal/modules/cjs/helpers:102:18)

排查解决方案 #

• 清理并重装依赖
  该错误多因http-errors模块文件损坏或依赖版本冲突导致，执行以下操作：

  1. 删除项目根目录的node_modules文件夹
  2. 删除package-lock.json（若用Yarn则删除yarn.lock）
  3. 执行npm install（或yarn install）重新安装依赖
  4. 再次运行ng serve -o测试

• 匹配Node.js版本
  检查Node.js版本是否与Angular CLI及项目依赖兼容，执行node -v查看当前版本，对照Angular官方要求调整（例如Angular 16+建议Node.js 16.14及以上）。

• 手动指定http-errors版本
  若重装依赖无效，可直接安装稳定版本的http-errors：

  npm install http-errors@2.0.0 --save
  

• 清理npm缓存
  缓存损坏也可能引发问题，执行命令清理后重装依赖：

  npm cache clean --force
  

内容的提问来源于stack exchange，提问作者AKASH A