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

VS2022创建Angular项目提示缺失ng/npm 安装后仍报错排查解决

运行环境:Windows 10、Visual Studio 2022 17.1.0(后续将升级版本)

早年从事开发时,依赖库安装流程非常简单:只需将依赖库的JavaScript文件复制到网站/应用的子文件夹中,在对应页面添加<script...>标签即完成全部安装流程。

首次尝试创建Angular 2+项目,选择「Standalone TypeScript Angular Project」模板创建时,Visual Studio无法完成项目生成,弹出红色错误提示:

ng is needed (...)
npm is needed (...)

查阅ng安装教程得知需先安装npm,又了解到推荐通过nvm安装npm,于是依次安装了nvm、npm、ng(v16.15.1),但Visual Studio仍无法创建项目,持续提示缺少npm和ng依赖。已尝试检索互联网相关解决方案,但大多为无关内容或失效链接。


已执行的全部操作步骤

  • 运行nvm-setup.exe安装nvm:为统一存放开发工具,将nvm安装在D盘自定义目录下
  • 执行nvm install lts安装Node.js长期支持版本:命令执行后,npm被安装在nvm自定义目录的对应版本子文件夹中
  • 执行npm install -g @angular/cli全局安装Angular脚手架:命令执行后,ng被安装在npm所在目录的子文件夹中
  • 已将包含npm.cmd、ng.cmd、node.exe的[...]/v16.15.1路径添加到系统环境变量PATH中,问题仍未解决

解决方案

完成上述环境变量配置后,需要完全重启Visual Studio才能让配置生效。
此前一直通过Visual Studio Installer重新启动VS,并未实现程序完全退出,只要彻底关闭Visual Studio Installer后直接启动Visual Studio,环境变量就会刷新生效,项目可正常创建。


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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.29 11:03:23