「ng」という用語は、コマンドレットの名前として認識されません


104

今日、いくつかの基本的なAngularJSイントロを処理しているときに、問題が発生しました。

プロジェクトを開始するためにPowerShellを開きました。NPMは機能しました。

以下を使用してAngularをインストールできました:

npm install -g @angular/cli

ngを実行しようとすると、次のようになります。

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

1
管理者として実行」モードで実行
PedramAhmadpour19年

私はここですべてを無駄に試しました。私も走らなければならなかったnpm install -g @angular/cli、そしてそれはうまくいった。
Jnr

本当に使用しているAngularJSですか?2017年には、おそらくAngular(JSなし)を使用しました。
ロスマノス

回答:


118

path変数の最初のパスはNPMパスである必要があります。Node.jsコマンドプロンプトを開くと、ngコマンドがそこで機能していることがわかりました。ショートカットを掘り下げてみると、最初のPath変数がNPMであることを確認するコマンドを参照していることがわかりました。修正するには:

  1. マイコンピュータを右クリック(Windows)
  2. 選択したシステムの詳細設定
  3. 「環境変数」をクリックしました
  4. 「パス」変数の下で、最初の値をリストしました %AppData%\npm

それを行うと、PowerShellを閉じて再度開くことができ、すべてが機能しました。


上記の手順を実行した後、「ng -v」は機能しますが、「ngbuild」は機能しません。「「@angular / core」に依存していないようです。これはエラーです」というエラーが表示されます。
PSR

6
多くの場合、「npm run ng ....」と入力するだけで、これらすべてをスキップできます。Npmは通常、変更せずにPowerShellで機能し、「npmrun」を使用するとngコマンドを使用できます。
SmoveBB

それは私のために働いた。すでにパスにあるnodejsをインストールした後にエラーが発生する理由を理解したいだけです。
Saroj Kumar Sahoo

こんにちは、それは私のために働きませんでした..誰かがスカイプやズームで私を助けてくれるなら.....私は数日から試していますが解決できません...お願いします
Laxminarayan Charan

1
@LaxminarayanCharan 「誰かがスカイプやズームで私を助けてくれるなら」はSOの適切な要求ではありません。このサイトですでに利用可能な情報の適用に特定の問題がある場合は、最小限の再現可能な例で新しい質問をしてください。
jonrsharpe

82

最初にNode.jsをセットアップし、次にD:\ projectなどのコマンドプロンプトを使用してプロジェクトフォルダーに移動し、次のコマンドを実行します。

npm install -g @angular/cli

次に、ngコマンドを実行します。これは私にとってはうまくいきます。


5
-gグローバルの略です。グローバルにインストールする場合、このコマンドを実行するときにD:\とD:\ projectのどちらにいるかは関係ありません。1つの警告は、異なるプロジェクトに異なるバージョンのangular / cliを使用したい場合、これはあなたが望むものではないかもしれないということです。
mattliu

角度/ CLIがインストールされていない場合、これは確かに正しい答えです
caras

20

「環境変数」で

「システム変数」セクション

「Path」変数内で、"C:\Program Files (x86)\nodejs\"追加する前に=>"%AppData%\npm"


1
まさに必要なもの..
どうも

私のために働いた。ありがとう。持っていた.npmrcとのファイルprefixのAppDataパスとして設定します。
Ananthapadmanabhan

12

私のために働いた解決策:

環境変数へのパスを追加します

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

角度ファイルのbinフォルダと同様に[自分自身を提示]

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

次に実行 ng -v すると、コマンドプロンプトにangular cliguiがポップアップ表示されます。注実行後npm i -g @angular/cli、コマンドプロンプトを再起動し、それが機能するかどうかを確認します。それ以外の場合は、キャッシュをクリーンアップして、上記の手順を繰り返します。


「nginstall-g @ angular / cli」を実行した後、パス変数にAppDataを設定する必要があります。おかげさまでスムーズに仕事ができるようになりました。
ナップスター

私の作品、クローズして再起動しVSCode
Hanz Cheah

7

Angular cliをグローバルにインストールすると、私の問題は解決しました。

npm install -g @angular/cli

5

ポリシーを無制限に変更すると、うまくいきました。

Set-ExecutionPolicy Unrestricted -Scope CurrentUser

ありがとう...これは、このクエリで与えられたすべてのソリューションよりも私が好むものです。全てのとおりソリューションは、独自の結果を持っている
Parth Devloper

5

私は以下を使用しました:

npm run ng serve

環境変数を設定しなくても機能しました。

その後、タイプスクリプトをインストールする必要がありました。

npm install typescript@">=3.4 <3.6"

まさに私が欲しかったもの。npm run ngserveを実行した後はうまく
いきました

3

プロジェクト名に「-」が含まれている場合。それを削除して試してください。これにより、「ng」の実行で問題が発生する可能性があります。


2

開くシステム環境変数の編集

「パス」および「PSモジュールパス」変数に「%AppData%\ npm」を​​追加します

管理者としてVisualCodeを実行する

わたしにはできる!


2

Visual Studio Codeを閉じて、再起動するだけです。ただし、ngコマンドをvs codeで機能させるには、最初に管理者モードでcmdを使用してプロジェクトをコンパイルする必要があります。

私も同じ問題に直面していました。しかし、この方法はそれを解決しました。


2

すべての答えはそれを修正する方法に関するものですが、最良の方法はnodeJをダウンロードし、インストーラーにPATH変数に追加させることです。

バージョン12と13は新しすぎるため、11.15https //nodejs.org/download/release/v11.15.0/をダウンロードする必要がありました


2

を実行しているときにこのエラーが発生しVisual Studio Codeていましたng-build。cmdで以下のコマンドを実行すると問題が修正されました

npm install -g @angular/cli@latest

1

Visual Studioコードターミナルで「ngserve」コマンドを実行する代わりに、コマンドプロンプト(管理者として実行)で角度のあるアプリパスを開きます。

次に、「ngserve」コマンドを実行します。

次に、ブラウザを開いてhttp:// localhost:4200 /にアクセスします。

わたしにはできる。


1

nodejsを最新バージョンに更新する必要があります。それ以外の場合は、ノード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パッケージをグローバルにインストールしないでください
TarickWelling19年

@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つ試すことができます 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

(A:すべてはい)

完了!


1

VSCode Terminal 最初に開いてグローバルとしてcmdインストールする場合angular-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

問題はNPMのインストールでもパスでもありません!「ng」コマンドを使用する場合は、angular-cliをインストールする必要があります。次のコマンドを実行する

npm install -g @angular/cli

https://cli.angular.io/


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

コマンドプロンプトで「ngserve」コマンドを実行しました。プロジェクトを正常にコンパイルしました。次に、VS Codeに保存された変更はすべて、ブラウザーで自動的に更新されます。

PS:Angularをグローバルにインストールしました。



0

また、node_modulesフォルダーがプロジェクトディレクトリにも存在することを確認してください。そこにない場合は、同様の問題が発生します。したがって、npminstallも実行してください。


0

正解は出ましたが。しかし、これらのすべてが私にとってはうまくいきませんでした:

  • ユーザー名に管理者権限がなく、回答で提案されているように環境変数を更新できませんでした。

ですから、ここで私と同じ問題に直面しているすべての人にとって、私がしたことは次のとおりです。

の代わりに ng serve

ng次のような完全なロケーションパスをコピーして貼り付けましたが、機能しました。したがって、ng serveコマンドは次のようになりました。

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


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.