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

无法通过ng serve命令启动Angular应用的技术求助

问题:MEAN栈任务管理器应用启动失败

我尝试从GitHub仓库导入并启动MEAN栈任务管理器应用,仓库地址:https://github.com/Devstackr/task-manager-mean-stack。

已执行步骤

  • 解压文件并存储在设备D盘
  • 打开Windows PowerShell,执行命令:cd 'D:\task-manager-mean-stack-master\frontend'
  • 进入frontend文件夹后,执行命令:npm install -g @angular/cli@7.2.1
  • 执行命令:npm install
  • 执行ng serve命令启动应用时出现错误

已尝试的解决步骤

  • 执行命令:npm install node-sass
  • 再次执行ng serve,仍报错
  • 执行命令:ng version
  • 执行命令:npm install node-sass@latest
  • 再次执行ng serve,仍有错误

解决方案

核心原因

Angular CLI 7.2.1与最新版node-sass存在版本兼容性冲突,旧版Angular构建工具链不支持高版本node-sass。

修复步骤

  1. 清理现有依赖文件
    在frontend目录下执行:
    Remove-Item node_modules -Recurse -Force
    Remove-Item package-lock.json -Force
    
  2. 安装兼容版本的node-sass
    Angular CLI 7.2.1适配的稳定node-sass版本为4.14.1,执行:
    npm install node-sass@4.14.1 --save-dev
    
  3. 重新安装所有依赖
    npm install
    
  4. 启动应用
    ng serve
    

额外排查点

如果问题仍存在,检查本地Node.js版本:Angular 7推荐使用Node.js 10.x或12.x LTS版本,过高的Node.js版本(如14+)也会导致兼容性问题,可通过node -v查看版本,必要时切换到对应版本。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.25 07:22:32