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

Angular 13.0版本中ng serve无法正常运行,请求协助排查

解决Angular 13 + Node.js 14.17.6下ng serve无法运行的问题

针对你遇到的问题,结合Angular 13的特性和新手常见坑,给你几个实用的排查步骤:

1. 彻底清理并重装依赖

很多时候问题出在依赖安装不完整或缓存冲突,按顺序执行这些命令:

  • 删除本地依赖文件夹:rm -rf node_modules(Windows系统用rmdir /s/q node_modules)
  • 删除锁文件:rm package-lock.json(Windows用del package-lock.json)
  • 清空npm缓存:npm cache clean --force
  • 重新安装所有依赖:npm install

2. 确保Angular CLI版本和项目匹配

Angular 13必须搭配13.x版本的CLI,版本不匹配会直接导致ng serve失效:

  • 先看当前本地CLI版本:ng version
  • 如果CLI不是13.x,先卸载全局CLI:npm uninstall -g @angular/cli
  • 安装对应版本的全局CLI:npm install -g @angular/cli@13.0.0
  • 同时更新项目内的CLI依赖:npm install @angular/cli@13.0.0 --save-dev

3. 检查端口是否被占用

ng serve默认用4200端口,要是被其他程序占了也会启动失败:

  • 查看端口占用情况:Windows用netstat -ano | findstr :4200;Mac/Linux用lsof -i :4200
  • 换个端口启动试试:ng serve --port 4201

4. 查看详细错误日志定位问题

如果上面的步骤都没解决,运行ng serve --verbose,会输出完整的错误信息,重点关注:

  • 依赖缺失提示:根据日志里的提示安装对应的包
  • TypeScript版本问题:Angular 13要求TypeScript 4.4.x,检查package.json里的typescript版本,不对的话执行npm install typescript@4.4.4 --save-dev

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.30 22:57:18