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
相关产品推荐
相关产品推荐

