无法通过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。
修复步骤
- 清理现有依赖文件
在frontend目录下执行:Remove-Item node_modules -Recurse -Force Remove-Item package-lock.json -Force - 安装兼容版本的node-sass
Angular CLI 7.2.1适配的稳定node-sass版本为4.14.1,执行:npm install node-sass@4.14.1 --save-dev - 重新安装所有依赖
npm install - 启动应用
ng serve
额外排查点
如果问题仍存在,检查本地Node.js版本:Angular 7推荐使用Node.js 10.x或12.x LTS版本,过高的Node.js版本(如14+)也会导致兼容性问题,可通过node -v查看版本,必要时切换到对应版本。
内容的提问来源于stack exchange,提问作者Sanchari Sen
相关产品推荐
相关产品推荐

