今天,在研究一些基本的AngularJS入门时,我遇到了一个问题。
我打开PowerShell进行该项目。NPM工作了。
我能够使用以下方法安装Angular:
npm install -g @angular/cli
每当我尝试运行ng时,我都会得到:
the term 'ng' is not recognized as the name of a cmdlet
今天,在研究一些基本的AngularJS入门时,我遇到了一个问题。
我打开PowerShell进行该项目。NPM工作了。
我能够使用以下方法安装Angular:
npm install -g @angular/cli
每当我尝试运行ng时,我都会得到:
the term 'ng' is not recognized as the name of a cmdlet
npm install -g @angular/cli
,然后才起作用。
Answers:
path变量中的第一条路径必须是NPM路径。打开Node.js命令提示符,我发现ng命令在那里工作。我研究了该快捷方式,发现它引用了一个命令以确保第一个Path变量是NPM。修理:
%AppData%\npm
一旦这样做,我便可以关闭Powershell并重新打开,并且一切正常。
在“环境变量”中
在“系统变量”部分
在“路径”变量中,然后"C:\Program Files (x86)\nodejs\"
添加=>"%AppData%\npm"
.npmrc
文件prefix
设置为AppData path。
解决方案为我工作:
添加环境变量的路径
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
请重新启动命令提示符,并检查命令提示符是否可用,否则请清除缓存并重复上述步骤。
将策略更改为Unrestricted对我有用:
Set-ExecutionPolicy Unrestricted -Scope CurrentUser
我使用了以下内容:
npm run ng serve
它对我有用,无需设置环境变量。
我必须在其后安装一个打字稿:
npm install typescript@">=3.4 <3.6"
所有答案都与如何解决有关,但是最好的方法是下载nodeJs,然后让安装程序添加到PATH变量中。
版本12和13太新了,因此我不得不下载11.15 https://nodejs.org/download/release/v11.15.0/
不要在Visual Studio代码终端中提供“ ng serve”命令,而是在命令提示符(以管理员身份运行)中打开angular应用程序路径。
然后发出“ ng serve”命令。
然后打开浏览器并转到http:// localhost:4200 /
这个对我有用。
该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"
我按照以下步骤解决了
1.右键单击命令提示符2.以管理员身份运行3.键入npm install -g @ angular / cli
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->保存并重新启动可视代码
问题不在于NPM的安装,也不在于路径!如果要使用“ ng”命令,则需要安装angular-cli。通过运行以下命令
npm install -g @angular/cli
根据以上答案,这里是合并。
npm install -g @angular/cli@project_version
将以下路径添加到环境变量->系统变量->路径(需要管理员访问权限)。
C:\ Users \ YourPcAccountName \ AppData \ Roaming \ npm C:\ Users \ YoutPcAccountName \ AppData \ Roaming \ npm \ node_modules \ angular-cli \ bin确保第一个值列为 %AppData%\npm
ng serve
。我在命令提示符下运行了“ ng serve”命令。它成功编译了项目。然后,任何保存在VS Code中的更改都会在浏览器中自动刷新。
PS:我已经全局安装了angular。
您也可以运行以下命令来解决,npm install -g @ angular / cli