Angular: ‘ng’ is not recognized as an internal or external command

1,161 阅读2分钟

今天,安装好 Angular CLI 框架后出现无法识别 ng 命令的情况。在网上搜了一些解决方案进行尝试后解决了这个问题。这里我将解决方案进行了整理,希望对看到这篇文章的小伙伴有所帮助。

问题描述

安装 Angular CLI 后无法识别 ng 命令,提示信息如下:

‘ng’ is not recognized as an internal or external command, operable program or batch file.

解决方案

查阅一些资料后,我发现此错误是由于本地计算机中 Angular CLI 的不正确安装或配置引起的。

以下解决此问题的方法:

  • 首先,我们在命令行提示符(请确保安装 Node.js )上输入如下命令:
ng version

如果有效,则说明没有问题, Angular CLI 安装成功。

如果问题仍然存在,则执行以下步骤:

  • 卸载现有的 Angular CLI 版本并清除缓存
npm uninstall -g @angular/cli

npm cache verify

npm cache clean --force
  • 重新全局安装 Angular CLI

为了保险起见,最好以管理员模式运行命令行提示符。对于少数人来说,此命令也可以在常规命令行提示中使用。

npm install -g @angular/cli
  • 将以下路径添加到环境变量 ’Path‘ 路径中

首先,添加如下路径到环境变量:

C:\Users\{userName}\AppData\Roaming\npm

如图:

环境变量

然后,重新在新的 cmd 窗口中运行 ng version 命令。

在运行此命令之前,请确保关闭所有命令提示符或 Node.js 命令提示符。对环境变量进行任何更改后,为确保变量已经生效,这都是必需的。

如果问题仍然存在,以类似的方式在环境变量中设置以下路径:

C:\Program Files\nodejs\node_modules\npm\bin

然后,再一次在新的 cmd 窗口中运行 ng version

再次运行此命令之前,请确保关闭所有命令提示符或 Node.js 命令提示符。

如果问题仍然存在,请在“本地变量”中设置以下路径

C:\Users\{userName}\AppData\Roaming\npm\node_modules\@angular\cli\bin

关闭所有命令提示符,然后再一次在新的 cmd 窗口中运行 ng version

如果问题仍然存在,请重复执行以上步骤,多次尝试。

如果问题已经解决,将看到 ng 命令在计算机中的所有 CLI 界面上运行。

  • 命令提示符

cli

  • VSCode PowerShell

vscode