Angular新建项目报错：无法读取属性，寻求技术解决建议

问题描述 #

执行以下命令创建并启动Angular新项目：

ng new test

ng serve

项目编译成功，但出现错误：Error: connect ECONNREFUSED 127.0.0.1:4200（本地4200端口连接被拒绝），昨日操作未出现该问题。

解决步骤 #

• 检查端口占用情况
  4200是Angular默认启动端口，可能被其他进程占用：

  • Windows系统执行：

    netstat -ano | findstr :4200
    

    找到进程ID后，用taskkill /PID <进程ID> /F强制杀死该进程
  • macOS/Linux系统执行：

    lsof -i :4200
    

    找到进程ID后，用kill -9 <进程ID>强制杀死该进程
    完成后重新运行ng serve

• 指定其他端口启动
  直接使用未被占用的端口启动项目，例如：

  ng serve --port 4201
  

• 清理项目缓存与依赖

  1. 清理npm缓存：

     npm cache clean --force
     

  2. 删除项目目录下的node_modules文件夹和package-lock.json文件
  3. 重新安装项目依赖：

     npm install
     

  4. 再次运行ng serve

• 校验Angular CLI版本
  执行ng version查看当前CLI版本，若版本与昨日使用的不一致，重新安装对应版本的CLI：

  npm install -g @angular/cli@<你的目标版本号>
  

内容的提问来源于stack exchange，提问作者Nitram Nekonečný