无法将术语“ ng”识别为cmdlet的名称


104

今天,在研究一些基本的AngularJS入门时,我遇到了一个问题。

我打开PowerShell进行该项目。NPM工作了。

我能够使用以下方法安装Angular:

npm install -g @angular/cli

每当我尝试运行ng时,我都会得到:

the term 'ng' is not recognized as the name of a cmdlet

1
以“以管理员身份运行”模式进行操作
Pedram Ahmadpour

我在这里尝试一切都无济于事。我还必须跑步npm install -g @angular/cli,然后才起作用。
Jnr

您使用的真的是AngularJS吗?在2017年,您可能使用了Angular(不使用JS)。
LosManos

Answers:


118

path变量中的第一条路径必须是NPM路径。打开Node.js命令提示符,我发现ng命令在那里工作。我研究了该快捷方式,发现它引用了一个命令以确保第一个Path变量是NPM。修理:

  1. 右键单击“我的电脑”(Windows)
  2. 选定的高级系统设置
  3. 单击“环境变量”
  4. 在“路径”变量下,列出第一个值 %AppData%\npm

一旦这样做,我便可以关闭Powershell并重新打开,并且一切正常。


执行上述步骤后,“ ng -v”有效,但“ ng build”无效。出现此错误“您似乎不依赖“ @ angular / core”。这是一个错误。”
PSR

6
在许多情况下,您也可以通过键入“ npm run ng ....”来跳过所有这些操作。Npm通常仍可在Powershell中运行而无需更改,并且“ npm run”将允许您使用ng命令。
SmoveBB

它对我有用。我只想了解为什么在安装已经在路径中的nodejs之后为什么出现错误信息。
Saroj Kumar Sahoo

嗨,它对我没用..如果有人可以在skype或缩放上帮助我.....我正在尝试几天,但无法解决...请
Laxminarayan Charan

1
@LaxminarayanCharan “如果有人可以在Skype或Zoom上帮助我”不是适当的要求。如果您在应用本网站上已有的信息时遇到特定问题,请使用可复制性最少的示例提出一个新问题。
jonrsharpe

82

首先安装Node.js,然后使用命令提示符(例如D:\ project)转到您的项目文件夹,然后运行以下命令:

npm install -g @angular/cli

现在运行ng命令。这项工作对我来说。


5
-g代表全球。如果要全局安装,则运行此命令时,无论您在D:\ vs D:\ project中都没有关系。一个警告是,如果要为不同的项目使用不同版本的angular / cli,则可能不是您想要的。
mattliu

如果未安装angular / cli,这肯定是正确的答案
caras

20

在“环境变量”中

在“系统变量”部分

在“路径”变量中,然后"C:\Program Files (x86)\nodejs\"添加=>"%AppData%\npm"


1
正是需要什么。.非常感谢
法拉兹医生

为我工作。谢谢。已将.npmrc文件prefix设置为AppData path。
Ananthapadmanabhan

12

解决方案为我工作:

添加环境变量的路径

C:\Users\YourPcName\AppData\Roaming\npm

以及角度文件的bin文件夹[显示其自身]

C:\Users\YoutPcName\AppData\Roaming\npm\node_modules\angular-cli\bin

然后运行 ng -v 它会在您的命令提示符下弹出angular cli gui。注意运行后,npm i -g @angular/cli请重新启动命令提示符,并检查命令提示符是否可用,否则请清除缓存并重复上述步骤。


执行“ ng install -g @ angular / cli”后,我必须在路径变量处设置AppData。谢谢,现在我可以顺利进行了。
napster

为我工作,关闭并重新启动VSCode
Hanz Cheah

7

全局安装angular cli解决了我的问题。

npm install -g @angular/cli


5

我使用了以下内容:

npm run ng serve

它对我有用,无需设置环境变量。

我必须在其后安装一个打字稿:

npm install typescript@">=3.4 <3.6"

正是我想要的。在运行npm run ng serve之后对我有用
Joginder Malik

3

如果您的项目名称包含“-”。删除并尝试。这可能会在运行“ ng”时引起问题。


2

打开编辑系统环境变量

在“路径”和“ PS模块路径”变量中,添加“%AppData%\ npm”

以管理员身份运行Visual Code

这个对我有用!


2

您只需要关闭Visual Studio代码并重新启动即可。但是要使ng命令在vs代码中运行,您需要首先在管理员模式下使用cmd编译项目。

我也面临着同样的问题。但是这种方法解决了它。



2

我在Visual Studio Code执行此操作时遇到此错误ng-build。在cmd中的命令下运行解决了我的问题

npm install -g @angular/cli@latest

1

不要在Visual Studio代码终端中提供“ ng serve”命令,而是在命令提示符(以管理员身份运行)中打开angular应用程序路径。

然后发出“ ng serve”命令。

然后打开浏览器并转到http:// localhost:4200 /

这个对我有用。


1

您应该将node js更新到最新版本。否则,请卸载节点js并重新安装。


1

该powershell脚本可以将正确的设置添加到我的环境变量“路径”(作为每个用户的设置。)它添加:%AppData%\ npm ...,然后重新启动使用“ ng”的命令行

   $existingPath = [System.Environment]::GetEnvironmentVariable("Path","User")      
   write-host "existing PATH variable is $existingPath"                                          
   $newPath = "%AppData%\npm;$existingPath"                                          
   write-host "new      PATH will be     $newPath"                                               

   # update here                                                                                      
   [System.Environment]::SetEnvironmentVariable("Path", $newPath, "User")           

   $finalPath = [System.Environment]::GetEnvironmentVariable("Path","User")         
   write-host "final    PATH variable is $finalPath"                                             

如描述的那样工作。
koosk

1

我按照以下步骤解决了

1.右键单击命令提示符2.以管理员身份运行3.键入npm install -g @ angular / cli


1
您不应该在全球范围内安装npm软件包
Tarick Welling

@TarickWelling请提供支持性的论点。
Jacob-Jan Mosselman

那为什么-g存在呢?以及如何在不使用-g的情况下获取CLI工具?
tpartee

1

1)右键单击我的电脑(windows)2)选择高级系统设置3)单击“环境变量” 4)在“路径”变量下,将第一个值列出为%AppData%\ npm

最初:C:\ Program Files \ Microsoft MPI \ Bin \;%SystemRoot%\ system32;%SystemRoot%;%SystemRoot%\ System32 \ Wbem;%SYSTEMROOT%\ System32 \ WindowsPowerShell \ v1.0 \; C:\ Program Files \ TortoiseSVN \ bin;

添加路径后:C:\ Program Files \ Microsoft MPI \ Bin \; %AppData%\ npm; %SystemRoot%\ system32;%SystemRoot%;%SystemRoot%\ System32 \ Wbem;%SYSTEMROOT%\ System32 \ WindowsPowerShell \ v1.0 \; C:\ Program Files \ TortoiseSVN \ bin;

如果错误仍然存​​在,您可以尝试做另一件事,如下所示 1)通过命令提示符转到项目位置:C:\ Users \ brijeshray \ ParentChild> 2)重新安装或更新现有的angular:npm install -g @ angular / cli @最新

3)转到计算机或PC->属性->高级系统设置->环境变量->在“用户变量”下方添加路径(如果“路径”不存在)==> C:\ Users \ brijeshray \ AppData \ Roaming \ npm->保存并重新启动可视代码在此处输入图片说明


1

修复:在此系统上禁用了运行脚本

打开Powershell

    Set-ExecutionPolicy RemoteSigned
    一种

(A:对所有人都同意)

做完了!


1

对于VSCode Terminal 首次打开cmdangular-cli作为全局安装

npm install -g @angular/cli

然后按照以下步骤更新您的环境变量

  1. win + s //这将打开搜索框
  2. 类型编辑环境变量
  3. 开放式环境变量
  4. %AppData%\npm进去PATH
  5. 单击OK并关闭。

现在,您可以重新启动VSCode,它将正常工作。


0

我使用npm(5.5.1)将其更新到最新版本解决了我的问题。


0

您还可以确保以管理员身份运行命令提示符-或使用的任何终端。我正在使用Visual Studio Code,ng serve当不以管理员身份运行VS Code时,该命令给了我确切的错误。





0

根据以上答案,这里是合并。

  1. 运行命令 npm install -g @angular/cli@project_version
  2. 将以下路径添加到环境变量->系统变量->路径(需要管理员访问权限)

    C:\ Users \ YourPcAccountName \ AppData \ Roaming \ npm C:\ Users \ YoutPcAccountName \ AppData \ Roaming \ npm \ node_modules \ angular-cli \ bin确保第一个值列为 %AppData%\npm

  3. 从项目文件夹中重新打开命令提示符并运行ng serve

0

我在命令提示符下运行了“ ng serve”命令。它成功编译了项目。然后,任何保存在VS Code中的更改都会在浏览器中自动刷新。

PS:我已经全局安装了angular。


0

您也可以运行以下命令来解决,npm install -g @ angular / cli


0

还请确保node_modules文件夹也存在于项目目录中。如果不存在,您将遇到类似的问题。因此,请同时运行npm install。


0

即使给出了正确的答案。但是所有这些都不对我有用,因为:

  • 我的用户名没有管理员权限,并且无法按照答案中的建议更新环境变量。

因此,对于所有与我面临相同问题的人,我所做的就是:

代替 ng serve

我复制粘贴了ng类似于以下内容的完整位置路径,并且可以正常工作。因此,ng serve命令变为:

C:\Users\MyUserName\AppData\Roaming\npm\ng.cmd serve


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.