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

小灰灰 2021-09-21 12:30 454阅读 0赞

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

问题描述

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

  1. ‘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

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

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

首先，添加如下路径到环境变量：

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

如图：
环境变量示列图

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

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

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

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

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

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

如果问题仍然存在，请在环境变量中设置以下路径

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

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

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

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

  • 命令提示符
    cli
  • VSCode PowerShell
    vscode

发表评论

表情：
评论列表 （有 0 条评论，454人围观）

还没有评论，来说两句吧...

相关阅读